[HTML][CSS] Ułożenie divów, treści Opcje

[in5ane]

Witajcie, może mnie ktoś poratować, jak mam ułożyć divy (+ style do tego) oraz jakieś <p> (+ style do tego), abym mógł otrzymać coś takiego jak na obrazku.

Screen:


Z góry thx ;-)


@edit by in5ane:
Ogólnie chodzi mi o to, jak zrobić te linię.

To co zrobiłem:

[HTML] pobierz, plaintext 
<div id="content">
			<div id="left-content">
				<img style="float: left;" src="images/aktualnosci.jpg" alt="" />
				<p style="padding-top: 25px;"><strong>Niedziala, 30 listopada</strong><br /><strong>Imieniny:</strong> Andrzeja i Jakuba oraz Jakub </p>
				<p style="clear: both; text-align: justify;">W piątkowym meczu 17. kolejki Ekstraklasy Wisła Kraków pokonała Odrę Wodzisław 3:1 (0:0). Wszystkie bramki dla zespołu "Białej Gwiazdy" zdobył Rafał Boguski. Zwycięstwo pozwoliło krakowianom zrównać się punktami z liderującym Lechem Poznań. </p>
			</div>
			<div id="right-content">
				<img src="images/panel-uzytkownika-logowanie.jpg" alt="" />
				<p class="panel-uzytkownika">				
					login: <input type="text" name="login" class="pole-form" /><br />
					hasło: <input type="text" name="haslo" class="pole-form" /><br />
					<strong>rejestracja</strong> | zapomniane hasło <img src="images/loguj.jpg" alt="" />
				</p>
				<img src="images/polecamy.jpg" alt="" />
				<p class="polecamy">Na obecny weekend brak ciekawych imprez.</p>
				<img src="images/reklama.jpg" alt="" />
				<p class="reklama">Chcesz wykupić reklamę na stronie? Napisz do nas.</p>
				<img src="images/wspolpraca.jpg" alt="" />
				<p class="wspolpraca">Chętne osoby/firmy do współpracy prosimy o kontakt.</p>
			</div>
		</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#content {
width: 880px;
font-family: Verdana;
font-size: 12px;
color: #000000;
margin: 15px;
float: left;
}
 
#left-content {
width: 580px;
float: left;
}
 
#right-content {
width: 290px;
float: right;
}
 
.panel-uzytkownika {
margin-left: 5px;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dashed #c0c0c0;
text-align: center;
}
 
input.pole-form{
background: url(images/pole-form.jpg) no-repeat;
width: 169px;
height: 18px;
padding-left: 14px;
padding-top: 1px;
border: 0;
margin-top: 3px;
margin-left: 3px;
}
 
.polecamy{
margin-left: 5px;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dashed #c0c0c0;
}
 
.reklama {
margin-left: 5px;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dashed #c0c0c0;
}
 
.wspolpraca {
margin-left: 5px;
margin-bottom: 15px;
}
[HTML] pobierz, plaintext 

I jeszcze chodzi mi o to, żeby zrobić porządek z tym formularzem, tzn. jakoś ładnie to zrobić (równo) (w normalnym html'u można było na tabelkach, ale w xHTMLu nie wiem jak).

Adres: http://muay-thai.com.pl/dp/ (tutaj możecie zerknąć to co osiągnąłem + ten formularz.


Z góry dziękuję za pomoc.

Ten post edytował in5ane 6.12.2008, 02:05:44