Autor Zpráva
Dancek
Profil *
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
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 *
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
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 *
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
Dancek:
Div má defaultně šířku 100%.
Dancek
Profil *
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
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
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 *
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
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í.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: