Проблем с рамка на колона

H_Kolev

Registered
Здравейте, имам проблем с рамката на колона "РЕКЛАМА" на снимките съм показал проблема.
http://prikachi.com/images/934/6072934n.jpg

Това е CSS :
[css].box-ads {
width: 977px;
color: #0e0e0e;
border: 1px solid #000;
margin-left: 10px;
margin-top: 60px;
}



.head-ads {
background: #aa2924;
width: 977px;
height: 25px;
float: left;
text-align: center;
color: #fff;
font-family: Calibri;
font-size: 12px;
line-height: 20px;
}[/css]

А това ми е HTML :
HTML:
<div class="box-ads">
		<div class="head-ads"><b>РЕКЛАМА</b></div>
			<center><img src="images/banner.png" style="margin-top: 5px;" /></center>
		</div>

На снимката се вижда как горната част на рамката е много по-високо от желаното... Как мога да поправя това ?
 
H_Kolev каза:
Здравейте, имам проблем с рамката на колона "РЕКЛАМА" на снимките съм показал проблема.
http://prikachi.com/images/934/6072934n.jpg

Това е CSS :
[css].box-ads {
width: 977px;
color: #0e0e0e;
border: 1px solid #000;
margin-left: 10px;
margin-top: 60px;
}



.head-ads {
background: #aa2924;
width: 977px;
height: 25px;
float: left;
text-align: center;
color: #fff;
font-family: Calibri;
font-size: 12px;
line-height: 20px;
}[/css]

А това ми е HTML :
HTML:
<div class="box-ads">
		<div class="head-ads"><b>РЕКЛАМА</b></div>
			<center><img src="images/banner.png" style="margin-top: 5px;" /></center>
		</div>

На снимката се вижда как горната част на рамката е много по-високо от желаното... Как мога да поправя това ?

мисля, че имаш някакви проблеми с изчистванията на float-а не съм много сигурен но мисля, че трябва да спреш да използваш и html тагове за да стилизираш сайта си това не е добра практика. Сега ще направя някаква примерна структура на дивовете, в които да си напълниш съдържанието и да закачиш стилове, че това ми се струва грешничко поне на мен.
 

Back
Горе