Guest Ната Posted August 25, 2008 Report Share Posted August 25, 2008 помогите, всю голову поломала ужеделаю горизонтальное меню, вместо пунктов картинки<div class="navContainer1"> <ul> <li><a href="#"><img src="../../../_images/nav-btn01.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn02.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn03.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn04.gif"/></a></li> </ul> </div> вот css.navContainer1{ background:url('../../../_images/back01.gif') top repeat-x red; width:995px; }.navContainer1 ul{ overflow:hidden; list-style:none;}.navContainer1 ul li { padding:0px; float:left; }.navContainer1 ul li a img { padding:5px 0px 6px 0px; border:none; margin:0px;} почему-то размер li становится на 2 px больше чем img как с этим побороться не выставляя высоту li или ul Quote Link to comment Share on other sites More sharing options...
0 Иван Шумов Posted August 25, 2008 Report Share Posted August 25, 2008 Замечание - используйте теги [ code] или [ codebox] (без пробелов) для оформления кода Quote Link to comment Share on other sites More sharing options...
0 Джин Posted August 25, 2008 Report Share Posted August 25, 2008 "../../../_images/nav-btn01.gif"а вот так нельзя заменить "/_images/nav-btn01.gif"? Quote Link to comment Share on other sites More sharing options...
0 Guest Natasha Posted August 25, 2008 Report Share Posted August 25, 2008 а вот так нельзя заменить "/_images/nav-btn01.gif"?если бы можно было заменить - я бы заменила Quote Link to comment Share on other sites More sharing options...
0 Guest Ната Posted August 25, 2008 Report Share Posted August 25, 2008 помогите, всю голову поломала ужеделаю горизонтальное меню, вместо пунктов картинки<div class="navContainer1"><ul><li><a href="#"><img src="../../../_images/nav-btn01.gif"/></a></li><li><a href="#"><img src="../../../_images/nav-btn02.gif"/></a></li><li><a href="#"><img src="../../../_images/nav-btn03.gif"/></a></li><li><a href="#"><img src="../../../_images/nav-btn04.gif"/></a></li></ul></div>вот css.navContainer1{background:url('../../../_images/back01.gif') top repeat-x red;width:995px;}.navContainer1 ul{overflow:hidden;list-style:none;}.navContainer1 ul li {padding:0px;float:left;}.navContainer1 ul li a img {padding:5px 0px 6px 0px;border:none; margin:0px;}почему-то размер li становится на 2 px больше чем imgкак с этим побороться не выставляя высоту li или ul Quote Link to comment Share on other sites More sharing options...
0 klierik Posted August 25, 2008 Report Share Posted August 25, 2008 li {font-size: 0; margin:0; padding:0;}а вообще неплохо б взглянуть на страничку.в каком браузере проблемы? Quote Link to comment Share on other sites More sharing options...
0 NtM Posted August 25, 2008 Report Share Posted August 25, 2008 li {font-size: 0; margin:0; padding:0;}а вообще неплохо б взглянуть на страничку.в каком браузере проблемы?спасибо!страница не в интернете, а где прикрепить файлы я не вижу, можно на мыло тебе выслать? или же вот код<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Pacific Iron Ore - Management - Leonard A. Cornez</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><style>/* CSS Document */html,body,p,ul,ol,li,a,input,label,form,table,tr{ margin:0px; padding:0px; border:0px;}a img{ border:0px;}ul{ font-size:100%; list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }.topContainer{ float:left; background-color:#2a2c3d; padding:0px;}.navContainer1{ background:url('back01.gif') top repeat-x red; width:995px; }.navContainer1 ul{ overflow:hidden; }.navContainer1 ul li { padding:0px; float:left; padding:5px 0px 6px 0px; fint-size: 0; }</style><body><div class="globalContainer"> <div class="topContainer"> <br><br><br> <div class="navContainer1"> <ul> <li><a href="#"><img src="nav-btn01.gif" width="65" height="19"/></a></li> <li><a href="#"><img src="nav-btn01.gif" width="65" height="19"/></a></li> <li><a href="#"><img src="nav-btn01.gif" width="65" height="19"/></a></li> <li><a href="#"><img src="nav-btn01.gif" width="65" height="19"/></a></li> <li><a href="#"><img src="nav-btn01.gif" width="65" height="19"/></a></li> <li><a href="#"><img src="nav-btn01.gif" width="65" height="19"/></a></li> </ul> </div> <br><br><br> </div> </div></body></html>тут nav-btn01.gif картинка с текстом 65px/19pxback01.gif картинка с background width = 1px height = 30px Quote Link to comment Share on other sites More sharing options...
0 klierik Posted August 25, 2008 Report Share Posted August 25, 2008 вот этого делать настоятельно не рекомендую. используйте поля и отступы.прикреплять неавторизованным пользователям скорее всего запрещено.зарегистрируйтесь и войдите в систему.в форме расширенного сообщения вы увидете поле для прикрепления файлов. Quote Link to comment Share on other sites More sharing options...
0 NtM Posted August 25, 2008 Report Share Posted August 25, 2008 вот этого делать настоятельно не рекомендую. используйте поля и отступы.прикреплять неавторизованным пользователям скорее всего запрещено.зарегистрируйтесь и войдите в систему.в форме расширенного сообщения вы увидете поле для прикрепления файлов.я авторизовалась. только аттачить все равно нельзя такое не делаю, просто резала из кода и таким образом добавали отступы Quote Link to comment Share on other sites More sharing options...
0 klierik Posted August 25, 2008 Report Share Posted August 25, 2008 выложи на любой сервак... будем смотреть Quote Link to comment Share on other sites More sharing options...
Question
Guest Ната
помогите, всю голову поломала уже
делаю горизонтальное меню, вместо пунктов картинки
<div class="navContainer1">
<ul>
<li><a href="#"><img src="../../../_images/nav-btn01.gif"/></a></li>
<li><a href="#"><img src="../../../_images/nav-btn02.gif"/></a></li>
<li><a href="#"><img src="../../../_images/nav-btn03.gif"/></a></li>
<li><a href="#"><img src="../../../_images/nav-btn04.gif"/></a></li>
</ul>
</div>
вот css
.navContainer1{
background:url('../../../_images/back01.gif') top repeat-x red;
width:995px;
}
.navContainer1 ul{
overflow:hidden;
list-style:none;
}
.navContainer1 ul li {
padding:0px;
float:left;
}
.navContainer1 ul li a img {
padding:5px 0px 6px 0px;
border:none; margin:0px;
}
почему-то размер li становится на 2 px больше чем img
как с этим побороться не выставляя высоту li или ul
Link to comment
Share on other sites
9 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.