tarkinsky Posted November 6, 2011 Report Share Posted November 6, 2011 Помогите пожалуйста решить такую проблему верстки: Скрин проблемы....Проблема что создан div, внутри него картинки, они же ссылки, нужно чтобы они растягивали div а не выезжали из него(.вот код html:...<div id="ads_carrier"> <a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a></div>...и CSS:...#ads_carrier{ position: relative; width: 100%; clear: both; padding-top: 1%; padding-bottom: 2%;}#ads_carrier a{ display: block; width: 194px; height: 80px; padding: 0px; margin: 0px; border: 0px; border: 1px solid black; float: left; margin-left: 3%;}.ad_img{ width: 194px; height: 80px; }...Спасибо... Quote Link to comment Share on other sites More sharing options...
0 Justnewone Posted November 6, 2011 Report Share Posted November 6, 2011 Родителю оверфлоу хидден, если нагуглите почему заработало - найдете еще немало лучших реализаций. Quote Link to comment Share on other sites More sharing options...
0 tarkinsky Posted November 6, 2011 Author Report Share Posted November 6, 2011 Родителю оверфлоу хидден, если нагуглите почему заработало - найдете еще немало лучших реализаций.Если поставлю родителю overflow: hidden; то изображений вообще видно не станет ... а мне нужно чтобы они внутри diva помещались.. а он соотвествтенно растягивался((( Quote Link to comment Share on other sites More sharing options...
0 Justnewone Posted November 6, 2011 Report Share Posted November 6, 2011 тогда подскажу конечно, раз вам трудно самому 5 минут почитать.следом за #ads_carrier a вставляйте спан дисплей блок и клиар Quote Link to comment Share on other sites More sharing options...
0 ceil100 Posted November 6, 2011 Report Share Posted November 6, 2011 (edited) Родителю оверфлоу хидденродитель для ссылок -> #ads_carrierзачем городить лишний код?уберите картинки иэ ссылок и назначьте их фоном, а ссылкам флоат лефт Edited November 6, 2011 by ceil100 Quote Link to comment Share on other sites More sharing options...
0 tarkinsky Posted November 6, 2011 Author Report Share Posted November 6, 2011 тогда подскажу конечно, раз вам трудно самому 5 минут почитать.следом за #ads_carrier a вставляйте спан дисплей блок и клиарЯ вставил: <div id="ads_carrier"> <span style="display: block; clear: both;"> <a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a> </span></div>Ничего не изменилось(((Родителю оверфлоу хидденродитель для ссылок -> #ads_carrierзачем городить лишний код?уберите картинки иэ ссылок и назначьте их фоном, а ссылкам флоат лефтЯ хочу потом чтобы они подсвечивались.. (вторую такую же картинку только яркую при наведении) Quote Link to comment Share on other sites More sharing options...
0 ceil100 Posted November 6, 2011 Report Share Posted November 6, 2011 пихайте вторую картинку в ховер Quote Link to comment Share on other sites More sharing options...
Question
tarkinsky
Помогите пожалуйста решить такую проблему верстки: Скрин проблемы....
Проблема что создан div, внутри него картинки, они же ссылки, нужно чтобы они растягивали div а не выезжали из него(.
вот код html:
...
<div id="ads_carrier">
<a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a>
<a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a>
<a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a>
<a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a>
</div>
...
и CSS:
...
#ads_carrier{
position: relative;
width: 100%;
clear: both;
padding-top: 1%;
padding-bottom: 2%;
}
#ads_carrier a{
display: block;
width: 194px;
height: 80px;
padding: 0px;
margin: 0px;
border: 0px;
border: 1px solid black;
float: left;
margin-left: 3%;
}
.ad_img{
width: 194px;
height: 80px;
}
...
Спасибо...
Link to comment
Share on other sites
6 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.