Css a divy

Začínám si zkoušet v css a potřeboval bych vědět, když mám:

#hlavni{
background: green;
height: 400;
width: 500;
valign: top;
}

#leve{
background: #000000;
width: 50px;
height: 250px;
valign: top;
}

a potřebuju poté co napíšu <div id="hlavni"> a <div id="leve"> aby se zobrazily vedle sebe....
Teď se mi zobrazí pod sebou... určitě někdo ví jak na to...

Viz css vlastnost "float".
Nezapomeň u délek uvádět měrnou jednotku.

Pro zobrazení vedle sebe bude stačit toto:
#hlavni{
background: green;
height: 400;
width: 500;
valign: top;
}

#leve{
float: left;
background: #000000;
width: 50px;
height: 250px;
valign: top;
}

(Btw chybí ti jednotky u délek v #hlavni. A pokud nastavuješ jen barvu, použij background-color: green, protože background slouží k nastavení více parametrů najednou, nejen barvy. A ještě - v CSS není valign ale vertical-align)

jak to teda bude?

Teď to vypadá že opakuji to co napsal milster, ale v době kdy jsem svůj příspěvek sepisoval tam ještě jeho nebyl.

děkuju za všechny rady!

a ještě jedna věc... jak nastavim odrážkám <li> , aby se místo těch klasických vkládal nějaký obrazek?

li {
list-style-image: url('obrazek.gif');
}

Obrázek by měl být vysoký 15px.

děkuju.... moc

a poslední věc.... :)
když vkládám vodorovnou čáru a chci, aby to byla linka šírky 1px bílé barvy, co mam napsat?

No, tak se na to podívejte

http://www.honza.wz.cz/zkousim/index.php

styly jsou ve stylech.css

Prosím poraddte jak šoupnout to menu dva nahoru...

menu dva=prave

zkus ho dát (v kódu) před div #obsah

to z toho vznikne toto:
http://www.honza.wz.cz/zkousim/index.php :(
Ale je to lepší než předtím.

potřeboval bych to všecho zarovnat na střed.... jestli máš mozillu, tak se podívej na http://www.honza.wz.cz/nove/index.php tak bych potřeboval aby to vypadalo, jestli ne, tak zjistíš, proč to zkoušim dělat přes css :)

Celé to uzavři do divu, který bude zarovnán na střed a bude mít specifikovanou šířku (která se bude rovnat součtu šířek levého, středního a pravého sloupce).

co se ti nezdá? Jestli chceš, aby se #obsah roztahoval podle obsahu, nenastavuj mu šířku:

#obsah{
background: #bccbdc;
height: 500px;
vertical-align: top;
padding-left: 0px;
padding-right: 0px;
align: center;
}

Jo a pokud chceš pevnou šířku stránky, nastav ji tomu divu #komplet.

Ty jo, tady se to nějak rozjelo. Na těch dvou předchozích příspěvků jsem si všiml až teď ;)

tomu #komplet nastav margin:auto a požadovanou šířku

potřebuju to pravý menu přišoupnout k tomu obsahu...

#komplet {
margin:auto;
width:788px
}

#obsah {
background: #bccbdc;
vertical-align: top;
padding-left: 0px;
padding-right: 0px;
align: center;
}

děkuju moc! seš fakt zlatej!

Všimni si, že už jsem to říkal v předchozích příspěvcích ;)

a nenastavuj divům #lmenu, #obsah a #pmenu výšku, to je blbost

aha! já si toho vůbec nevšim, dělam v css teprv první den...

Jak to bude s vkládáním čar <hr> když potřebuju 1px širokou bílou čáru?