lave menu + stred obsah + neco na pravo

Denco1 · Napísal **Denco1**: 06.11.2008 15:13

caute chcel by som sa spytat ako mozem spravit na stranke na lavo menu v strede nejaky ten text z odkazu z laveho menu a neco na pravo...cize na lavo a na pravo budu tensie stplceky a v strede bude vacsi na text ... v podstatte viem to spravit ale chcel by som vedet ako to mozem jednoducho oramovat ... len chcem aby tie texty nestali tak naprazdno v priestore...poradite?:)

Tominator · Napísal **Tominator**: 06.11.2008 16:12

ja to robim tak že najprv idú dva divy s floatmi a potom obsah ...

neutronmind · Napísal **neutronmind**: 06.11.2008 16:36

Alebo sa to zvykne este robit tak, ze kazdemu z tych troch divov nastavis vlastnost float: left;

http://www.pcforum.sk/rozdelenie-strank ... 50083.html

dadmtb · Napísal **dadmtb**: 06.11.2008 16:37

mno oramovat proste co border:2px;

Denco1 · Napísal autor témy **Denco1**: 06.11.2008 17:00

a ten border="2" kam?...

Denco1 · Napísal autor témy **Denco1**: 06.11.2008 17:01

ja to viem umiestnit ja cem len aby sa to nejako oramovalo ... aby ten text nebol len tak navolno ...

neutronmind · Napísal **neutronmind**: 06.11.2008 17:03

Nastav to tomu divu, ktory bude mat to oramovanie, ale pouzi CSS, cize

Kód:

<div style="border: 2px solid black; float: left; width: 100px; height: 100px">Oramovany div</div>
<div style="float: left; width: 100px; height: 100px">Stredny div</div>
<div style="border: 2px solid black; float: left; width: 100px; height: 100px">Oramovany div</div>

Styly potom do externeho suboru...

//alebo ako hovoril Tominator

Kód:

<div style="border: 2px solid black; float: left; width: 100px; height: 100px">Oramovany div</div>
<div style="float: left; width: 100px; height: 100px">Stredny div</div>
<div style="border: 2px solid black; float: right; width: 100px; height: 100px">Oramovany div</div>

Denco1 · Napísal autor témy **Denco1**: 06.11.2008 17:12

jee good diki moc:) ... a ked uz sme tu netyka sa topicu ale ako sa da sprabit ze dam do menu napr downloads a ked na to kliknem ta sa nadol rolne ece ponuka napr Programy Hry atd ... ?:)

Gyrxiur · Napísal **Gyrxiur**: 06.11.2008 17:16

to chce daky javascript, skus pogooglit javascript menu

Denco1 · Napísal autor témy **Denco1**: 06.11.2008 17:17

a ece neda sa ten textik ktory je v tom rame trosku nejako posunut do prava aby nebol tak nalepeny na ten ramik?

.... (sry ze porad otravujem ale zacinam :rolleyes:

)

neutronmind · Napísal **neutronmind**: 06.11.2008 17:19

S tym menu, skus pohladat tu http://www.pcforum.sk/mozno-komplikovan ... 49945.html

Denco1 píše:

a ece neda sa ten textik ktory je v tom rame trosku nejako posunut do prava aby nebol tak nalepeny na ten ramik?

Nastav strednemu divu vlastnost magin, napr. margin-left: 10px;

Kód:

<div style="float: left; width: 100px; height: 100px; margin-left:10px;">Stredny div</div>

- zlava bude mat okraj 10px

Denco1 · Napísal autor témy **Denco1**: 06.11.2008 17:26

a ak to chcem tak aj na lavom menu tak tak isto?:)

Denco1 · Napísal autor témy **Denco1**: 06.11.2008 17:28

a to menu neni presne co cem neni to zle ale tam na ten odkaz v menu len ukazes ... a ja cem click a ptm sa pod tym ukaze ...

Denco1 · Napísal autor témy **Denco1**: 06.11.2008 17:38

aha no otvoril som oci na tej stranke je teho vac

ale diki moc ste mi pomohli

Tominator · Napísal **Tominator**: 06.11.2008 20:11

neutronmind píše:

//alebo ako hovoril Tominator

áno a pre úplnosť riešení ešte podtknem:
stáva sa že námeme pevnú dľžku - teda chceme dosiahnuť aby sa sa obsah dynamicky zväčšoval / zmenšoval. Nato použijeme toto riešenie (kto pozná iné budem rád

):

Kód:

<div style="float:right;width:300px;">PRAVY PANEL</div>
<div style="float:left;width:300px;">LAVY PANEL</div>
<div style="margin-left: 300px;margin-right: 300px;">OBSAH</div>

myslím že nebude problém keď tie divy vymeníte, teda že dáte najskôr lavy až potom pravy ale sem tam sa mi stava že sa to radi pod seba, čo je nežiadúci efekt ...

Denco1 · Napísal autor témy **Denco1**: 07.11.2008 11:16

a ak by som chcel aby ten ram nebol iba taky obycajny ale aby mal napr nejaky vzor?...cize nie len ciara .... ?:)

don jebot · Napísal **don jebot**: 07.11.2008 11:32

http://jakpsatweb.cz

dadmtb · Napísal **dadmtb**: 07.11.2008 14:14

aky by si akoze chcel vzor to uz jedine asi grafikouz to uz spravita potom to dat do pozadia

Denco1 · Napísal autor témy **Denco1**: 07.11.2008 17:17

ako dat pozadie divu?...

Blackshadow · Napísal **Blackshadow**: 07.11.2008 17:19

Denco1 · Napísal autor témy **Denco1**: 07.11.2008 17:53

aha a trz vlastne vytvorim iba obrazok ktory bude mat tvar a velkost menu a oramujem?:) a ten obrazok tam vlozim

Tominator · Napísal **Tominator**: 07.11.2008 18:40

je to riešenie ale myslím že existuje lepšie ... (teraz ho neviem trebalo by mi skúšať)

Denco1 · Napísal autor témy **Denco1**: 09.11.2008 15:41

pls nemozte mi sem napisat ako by mohlo vyzerat to menu v dive s ramom budeme ho volat ram.jpg a tlacidla budu tiez obrazok ... povedzme Home.jpg a ece neco.jpg

ze ako bude ten kto vyzerat

dadmtb · Napísal **dadmtb**: 09.11.2008 16:12

asi si myslel kod ze jo a bude vyzerat nasledujuco zalezi ako si narezes svoj obrazok s menu mohol by si to spravit aj tak ze akoze sucast tlacidla by bola akoze uz aj podklad tlacidla teda ten ram.jpg a to menu

Kód:

<ul>
<li><a href="nekde.html"><img src="tlacidlo1.jpg" alt="tlacidlo"></a></li>
<li><a href="nekde.html"><img src="tlacidlo1.jpg" alt="tlacidlo"></a></li>
</ul>

neako takto jednoducho s tym ze sucast tlacidiel by bol uz aj ram
popripade by si to chcel spravit inak napis a dam aj druhy typ menu

Denco1 · Napísal autor témy **Denco1**: 09.11.2008 16:17

a ak by som chcel ze mam spraveny ram a ram cem vyuzit na viac miestach na stranke .. tak nejaky kod neni?....tlacidlo zvlast a ram zvlast?

dadmtb · Napísal **dadmtb**: 09.11.2008 17:33

mno tak v tom pripade nieco typu

Kód:

<div class="menu">
<ul>
<li><a href="nekde.html"><img src="tlacidlo1.jpg" alt="tlacidlo"></a></li>
<li><a href="nekde.html"><img src="tlacidlo1.jpg" alt="tlacidlo"></a></li>
</ul> 
</div>

a css

Kód:

.menu ul {
background-image:url("ram.jpg");
}

neako takto by som to ja riesil + samozrejme ze este vela veci treba nastavit ale tak schematicky som ti to iba ukazal

Denco1 · Napísal autor témy **Denco1**: 09.11.2008 18:00

a ake veci ece treba riesit?:D

Denco1 · Napísal autor témy **Denco1**: 09.11.2008 18:06

a to patri kam?

.menu ul {
background-image:url("ram.jpg");
}

Denco1 · Napísal autor témy **Denco1**: 10.11.2008 14:50

pls poradte trz robim menu a davam tam obrazky cize napr tlacidlo s napisom Domov ale robi mi to samo okraje bo ramy ... preco?:( a nic nenadstavujem

dadmtb · Napísal **dadmtb**: 10.11.2008 14:52

no to musis dat do suboru kde mas css ale ako vidim si v tomto este dost mimo tak pozri radsej www.jakpsatweb.cz

lave menu + stred obsah + neco na pravo

Podobné témy