Autor Zpráva
Elis6
Profil
http://www.lovely-sims.ic.cz/xxx/index8.php

Ráda bych si udělala design tak, aby měla menu nalevo. Ale abych nemusela používat tabulky. Menu jsem dala do divu id = menu a chtěla bych ho tam nějak posunout, jenže když dám text-align: center, tak se mi zarovná text a celej div se ani nehne. Také jsem pod to chtěla dát obrázek http://www.lovely-sims.ic.cz/xxx/menu.jpg , ale když ho dám toho divu jako background-image, tak se mi dá takhle jak je nyní - po celé šířce. Nevíte, co s tím?
Axamith
Profil
Skus se podívat na JPW-forum, třeba ti to do začátku pomůže.
tiso
Profil
Elis6
http://tiso.wz.cz/2-stlpcovy-layout.php
Elis6
Profil
Axamith, tiso - díky moc, hnedka se na to mrknu. :)
Elis6
Profil
Ještě bych se chtěla zeptat, když mám teď to menu, tak se najednou utne a pod ním pokračuje text. Nešlo by nějak udělat, aby ten obrázek v menu se opakoval pořád do nekonečna tak, aby měl délku shodnou s tím textem?
avaranger
Profil
div#menu (line 17)
{
text-align: center;
background: url(menu.jpg) repeat-y ;
float: right;
width: 250px;
}
Pak staci aby byl obrazek pozadi 1px na vysku ;)
Elis6
Profil
No jo, ale to mi pomůže, aby se obrázek opakovat pod textem v menu, nebo ne? Já myslela, aby se mi tak nedostával ten hlavní text.
avaranger
Profil
sem si nevsimnul ;)
ten text dej do DIVU (id="text")a nastav ho opacne nez to menu =

div#text(line 17)
{
text-align: center;
float: left;
width: (dopocet sirkastranky-sirkamenu - tak +- 20-30px bych doporucoval, protoze resit tady box mdoel nema cenu)
}

background smaz. z obou
a dej ho nejakemu DIVU, kterym oba dva obalis.
avaranger
Profil
a to pozadi budes muset nastavit jako:

background: url(menu.jpg) white repeat-y 0 100% ; (bile pozadi, kde neni obrazek, ktery je 0 odshora a 100% zleva)
Elis6
Profil
No, teď se mi tam to pozadí nezobrazuje vůbec ..
avaranger
Profil
No...s tim white sem to nezkousel a mozna sem se zmylil. Zkus smazat to white z toho zapisu.

Omlouvam se, ale predem sem si to nevyzkousel. A kdyz delam stranky, tak mam pozadi na celou sirku, takze tenhle problem sem nikdy neresil.
avaranger
Profil
Mozna je problem v tom, ze tam mate 1x </div> navic...
Elis6
Profil
No to white jsem smazala a nepomohlo to. Jinak ten div navíc jsem nenašla. Kde je?
Elis6
Profil
Div jsem už našla, smazala a nepomohlo to.
Elis6
Profil
Nevím proč, ale pozadí tam bude (dala jsem ho přes celou šířku, jinak se mi doleva nezarovnalo) ať si nastavím div#menu jak chci. - float + šířka, ale u toho textu nesmím nastavit float jinak pozadí zmizí. Šířka tam být může.
avaranger
Profil
To bude nejaky bug :(
Elis6
Profil
No, hlavně, že to teď už funguje. Děkuji moc za rady :)
Elis6
Profil
Mám ještě jeden dotaz k té samé stránce http://www.lovely-sims.ic.cz/xxx/
použila jsem pozadí pro menu i samotný text (div obsah), vše fungovalo do té doby, než jsem měla delší menu než text. Pozadí se zarovnává podle textu, takže když je delší text, je vše v pořádku. Tak proč se to nezarovnává i podle menu, když by to mělo platit pro text i menu zároveň?
Elis6
Profil
Jo a ještě jsenm se chtěla zeptat, když mám u obsahu napsaný padding, jaktože se to opět vztahuje jenom na text a nikoli na menu?
avaranger
Profil
Elis6
vše fungovalo do té doby, než jsem měla delší menu než text
Musis div #paticka presunout dovnitr divu #obsah a nastavit mu v CSS clear: both;

jaktože se to opět vztahuje jenom na text a nikoli na menu?
Protoze mas to menu floatovane. vyresis to nastavenim "margin" u menu.
Elis6
Profil
Nakonec jsem hodila background: url(menu.jpg) repeat-y; do #main
Ale děkuji za radu(y) :)
avaranger
Profil
Taky moznost ;)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0