Witam!

Mam oto taki kod:

[HTML] pobierz, plaintext 
<div id="center">
		<div class="belka">
			<div class="left">tytul</div>
			<div class="right">data</div>
		</div>
 
		<div class="text_center">
			tekst
		</div>
		<div class="author">
			<div class="news_author">Napisal: <span style="color:#FF0000; text-shadow: 0 0 0.8em #FF0000;font-weight: bold;">autor</span></div>
		</div>
</div>
[HTML] pobierz, plaintext 

Do tego CSS:

[HTML] pobierz, plaintext 
#center{
	display: block;
	margin-right:	3px;
	margin-top: 15px;
	float: right;
	border: 1px solid #d8d8d8;
	width: 625px;
	background-color: #fcfcfc;
	margin-bottom: 30px;
}
 
.belka{
	background:url(../images/cellpic.gif);
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	height: 30px;
	color: #5a5a5a;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px;
}
 
/*.belka_bottom{
	border-top: 1px solid #d8d8d8;
	background-color: #f1f1f1;
	width: 100%;
	height: 30px;
	color: #5a5a5a;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px;
}*/
.text_center{
	margin: 3px;
}	
[HTML] pobierz, plaintext 

I jak zrobić, by między belkami był odstęp?



Uploaded with ImageShack.us

Bo jak widać między niebieską belką a poprzednim newsem nie ma odstępu.

mozesz np. do class belka dodac margin-top: 10px;

Niestety to nie działa.

Czasami style są nadpisywane przez rodzica:
spróbuj z margin-top: 10px !important; albo dodaj margin-bottom do:
<div class="news_author">Napisal: <span style="color:#FF0000; text-shadow: 0 0 0.8em #FF0000;font-weight: bold margin-bottom:10px;">

Nic z tego. Nie działa. A może dopiszę kolejnego Diva o tle takim jaki chce żeby to wyglądało, że niby jest odstęp?

po 1. nie nawalaj tak tymi divami, do połowy z tych rzeczy służą p, span i inne znaczniki
po 2. dla każdego wpisu powielasz zamieszczony fragment? jeżeli tak to powiela Ci się id="center", do tego "center" ma float: right i w tym jest problem
po 3. zamiast pisać:

napisz

Dla każdego wpisue nie powiela id="center" tylko to:

[HTML] pobierz, plaintext 
       <div class="belka">
			<div class="left">tytul</div>
			<div class="right">data</div>
		</div>
 
		<div class="text_center">
			tekst
		</div>
		<div class="author">
			<div class="news_author">Napisal: <span style="color:#FF0000; text-shadow: 0 0 0.8em #FF0000;font-weight: bold;">autor</span></div>
		</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="center">
[HTML] pobierz, plaintext 

jest tylko jedno.

w takim razie brakuje sporej części css, która, strzelam w ciemno, jest w tym wypadku kluczowa

To może zapytam jak w poprawny sposób podzielić stronę na dwie części za pomocą CSS + div? Bo widzę, że źle kod ułożyłem.

[HTML] pobierz, plaintext 
<div id="content">
    <div class="news">
        <div class="news-meta">
            <h2>Tytul</h2>
            <p class="news-date">data</p>
        </div>
        <p>tekst</p>
        <p class="author">Napisal: <em>autor</em></p>
    </div>
    <div class="news">
        <div class="news-meta">
            <h2>Tytul</h2>
            <p class="news-date">data</p>
        </div>
        <p>tekst</p>
        <p class="author">Napisal: <em>autor</em></p>
    </div>
</div>
[HTML] pobierz, plaintext 

mniej więcej tak