[CSS] Problem z div-ami.

[kuba.k94]

Witam. Jestem początkujący w HTML i CSS, jednak w HTML-u bawiłem się już kiedyś.

Robię swoją drugą stronkę, mam z nią problem. W poprzedniej menu było poziome, zaraz pod logo - wtedy nie było tego problemu.

Teraz menu chcę zamieścić po lewej stronie strony.

A więc zamieściłem pisząc taki kod:

<table id="menu"><p align="left"><td id="menu"><center>Menu</center></td></p><br /></table>
<table id="lista"></p>
<a href="news.htm">Informacje</a><br />
<a href="dziennik.htm">Dziennik</a><br />
<a href="plan.htm">Plan lekcji</a><br />
<a href="galeria.htm">Galeria</a><br />
</table>
</div>

Jednak kiedy mam już gotowe menu, i chcę pisać w div-ie "tresc", tekst zamiast pojawiać się obok menu [po prawej stronie], pojawia się zaraz pod menu. Jeśli go wyśrodkuję jest na środku itd. Jak zrobić, aby tekst pisany pod div-em Menu pojawiał się zaraz obok niego?

 

[ponury_murzyn]

zarys htmla ma być taki:

<div id=kontener>

	<div id=menu_left>
		linki menu
 	</div>
	<div id=tresc>
    	tresc twojej strony
	</div>	
</div>

css:

#kontener {

width = width_tresci+width_menu

}

#menu_left {

float:left;

}

#tresc {

float:left

}

to są oczywiscie szkielety nie działające kody, ale mam nadzieje że zrozumiesz o co biega. właściwość "float:left" oznacza, że div będzie opływał do lewej strony.

idea jest taka, żeby stworzyć dodatkowy div który jest kontenerem na dwa divy równoległe. jeśli nie skminisz poszukaj na kurshtml.boo.pl o właściwości float.

PS nie rób menu w tabelkach. w ogóle odstaw tabelki wszystko ma być divem.

 

[kuba.k94]

Dzięki, zajarzyłem o co chodzi .

Działa tak jak chciałem.

Jeszcze raz dzięki.