Autor | Zpráva | ||
---|---|---|---|
Dancek Profil * |
#1 · Zasláno: 25. 11. 2012, 20:01:45
Dobrý den mám vytvořené menu které celé jsem dal do divu class="submenu". Potřebuji aby se mi tento div nalepil na levou část stránky a text ho obtékal. Můžete mi někdo poradit jak na to? Zkusil jsem do css dát div.submenu {
float: right; } ale to je asi špatně... Děkuji moc za každou radu |
||
panther Profil |
#2 · Zasláno: 25. 11. 2012, 20:07:10
Dancek:
„na levou část“ „float: right;“ tak levou, nebo pravou? Obtékání je float, pokud máš nějaký problém, dodej odkaz na stránku. |
||
Dancek Profil * |
#3 · Zasláno: 25. 11. 2012, 20:14:32
panther:
chybně sem to napsal v kodu to mám float: left a chci aby byl na levo, odkaz bohužel nemohu předat jelikož se jedná o projekt do školy a stránky nejsou zatím umístěny na žádném serveru. kod v html: <div class="submenu" align="left"> <ul id="navigace"> <li id="active"><a href="#" id="aktivniodkaz">Aktivní odkaz</a></li> <li><a href="#">První odkaz</a></li> <li><a href="#">Druhý odkaz</a></li> <li><a href="#">Tretí odkaz</a></li> <li><a href="#">Ctvrtý odkaz</a></li> </ul> </div> toto by mělo být menu na levé části stránky a chci aby veškerý text ho obtékal. takže jsem do CSS umístil toto: .submenu { float: left; } Asi je to celý uplně špatně, něco takového zkouším poprvé v životě, díky za rady |
||
jenikkozak Profil |
#4 · Zasláno: 25. 11. 2012, 20:22:02
Dancek:
A co konkrétně je špatně? Není menu široké podle představ? Nastav mu šířku. Jestli je problém v tom, že text to menu neobtéká, je to tím, že tam žádný text kromě menu není. |
||
Dancek Profil * |
#5 · Zasláno: 25. 11. 2012, 20:24:43 · Upravil/a: Dancek
jenikkozak:
že ten text mám pod menu a div mi nic neobtéká... a ten text tam je... takle to vypadá a kod je viz výše http://screenshot.cz/W3MR8/ a vypadá to takto |
||
yFang Profil |
#6 · Zasláno: 25. 11. 2012, 20:29:33
Dancek:
Div má defaultně šířku 100%. |
||
Dancek Profil * |
#7 · Zasláno: 25. 11. 2012, 20:31:26 · Upravil/a: Dancek
yFang:
Díky za odpověď, ale vzhledem k tomu že o html se pokouším dnes poprvé tak opravdu netušim co s tím mám dělat? Zkusil sem to takto: <div id="submenu"> <ul id="navigace"> <li id="active"><a href="#" id="aktivniodkaz">Aktivní odkaz</a></li> <li><a href="#">První odkaz</a></li> <li><a href="#">Druhý odkaz</a></li> <li><a href="#">Tretí odkaz</a></li> <li><a href="#">Ctvrtý odkaz</a></li> </ul> </div> <div id="text"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit.................................................. ante. </p> V CSS: #submenu {width: 30%; float: left} #text {width: 70%; float: right} A pořád nic, text mi neobtéka ať dělam co chci, opravdu už nevim.... |
||
Stalker Profil |
#8 · Zasláno: 25. 11. 2012, 21:13:19
Dancek:
Takový detail: chybí ti středníky za float left; a right, ale obtékat by to mělo. Pošli celý kód včetně html hlavičky apod. třeba bude chyba v tom. Každopádně jsem jen také začátečník, takže moji zprávu neber zase tak vážně :) |
||
juriad Profil |
Stalker:
středník nechybí, v css slouží jen jako oddělovač; pokud ho napíšeš na konec, znamená to, že za ním následuje ještě další vlastnost, která je tomto případě prázdná. To ale neznamená, že tam ten středník nemáš psát, pokud ti přijde přehlednější každou vlastnost ukončit středníkem, ničemu to nevadí Dancek: Jen tak mimochodem, co znamená neobtéká? Chceš aby #text, pokud je délší zasahoval do prostoru pod #submenu? mě stránka funguje: <html> <head> <style> #submenu {width: 30%; float: left} #text {width: 70%; float: right} /* můžeš také použít */ /* #text {margin-left: 30%} */ </style> </head> <body> <div id="submenu"> <ul id="navigace"> <li id="active"> <a id="aktivniodkaz" href="#">Aktivní odkaz</a> </li> <li> <a href="#">První odkaz</a> </li> <li> <a href="#">Druhý odkaz</a> </li> <li> <a href="#">Tretí odkaz</a> </li> <li> <a href="#">Ctvrtý odkaz</a> </li> </ul> </div> <div id="text"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit.................................................. ante. </p> </div> </body> </html> |
||
Stalker Profil |
#10 · Zasláno: 25. 11. 2012, 21:57:13
juriad:
Aha :-O Tak to mě učili jinak. Dobré vědět, ale jak píšeš ty, tak u psaní středníku za každou vlastností zůstanu :) A jinak mě obtékání také fungovalo, proto mě napadlo, že zapomněl napsat něco do kódu, co neposlal (např. do head style apod.) |
||
Dancek Profil * |
#11 · Zasláno: 26. 11. 2012, 15:41:28
juriad:
Díky, no snažim se aby text zasahoval i do prostoru pod submenu, ale zatim sem rád, že je text alespoň vedle submenu |
||
jenikkozak Profil |
#12 · Zasláno: 26. 11. 2012, 18:11:28
Dancek:
Toho, aby ten pravý sloupeček úplně obtékal menu, dosáhneš tak, že menu necháš plavat (float:left; width:30%) a tomu druhému sloupečku nebudeš nastavovat šířku ani plavání. |
||
Časová prodleva: 11 let
|
0