Scorpio2011

Спасибо Вам огромное. Помогло. Все теперь как надо

Вот скриншот: Проблема заключется в том что я не могу убрать отсуп между думая INPUT, хотелось что сама форма была цельной. Вот прилагаю код: <ul class="burner"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=site.ru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="site.ru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/> <li class="inputForm"><input type="text" name="email" onblur="if(this.value=='') this.value='Введите Ваш email'" onfocus="if(this.value=='Введите Ваш email') this.value=''" value="Введите Ваш email"/></li> <li class="inputSub"><input type="submit" value="Подписаться" /></li> </form> </ul> Вот его CSS .burner {list-style:none;margin-top:20px; } .burner li{display:inline;} .burner li:input{ border: 0 none; background: none;} .burner li.inputForm {border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; border:1px solid #1d588a;} .burner li.inputForm input{border:0;margin-left:10px;width:215px;} .burner li.inputSub {border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -khtml-border-radius:0 5px 5px 0; border:1px solid #1d588a;background-color:#1d588a;} .burner li.inputSub input{border:0;padding:0 5px; color:#ffffff;background-color:#1d588a;} Поюзал ПС но там ни чего не нашел, везде советуют указать для li margin: 0;padding: 0; , но эти значения у меня глобальные и применятся ко всем li. Как быть?!

Блин, точно. Я как то даже об условияхи не думал )) Спасибо что подсказали. Буду прикручивать условия с своей менюшки.

В общем, переделываю шаблон для сайта, почти все закончил, но возникла проблема с менюшкой. Показываю на скриншотах что да как. Меню с двумя разделами, реализовано по принципу меню-закладки. Это первое раздел меню При нажатии на ссылку "Раздел 2" появляется с помощью .hide() и .show() появляется второй раздел в этом же меню. При этом так сказать "стрелочка" перемещается с помощью .animate от одной ссылки к другой Вот такое мне меню нужно. Но если еще раз нажать на ссылку "Раздел 2", эта "стрелочка" убегает за экран, вот скриншот: Вот тут у меня и возникла проблема, как сделать так чтобы при втором щелчке эта стрелочка не убегала а осталась на месте, ну или в крайнем случае переключалась на "Раздел 1". Прилагаю код к описанию. В Jquery не селён я, мне больше по душе PHP, вот по этому и прошу помощи. Сильно не ругайте за Jquery код, ибо я в нем мало что соображаю, на примерах вчера пытался что-то сделать. /*Jquery код в HEAD*/ <script> $(window).ready(function () { $("#tab2").hide(); $("#tab1").show(); $("#right").animate({opacity: 0.4,}, 500); }); $(document).ready(function(){ $("#left").click(function(){ $(".col-module-header-top").animate({"left": "-=295px"}, "slow"); $("#right").animate({opacity: 0.4,}, 500); $("#left").animate({opacity: 1,}, 500); $("#tab2").hide(500); $("#tab1").show(500); }); $("#right").click(function(){ $(".col-module-header-top").animate({"left": "+=295px"}, "slow"); $("#left").animate({opacity: 0.4,}, 500); $("#right").animate({opacity: 1,}, 500); $("#tab1").hide(500); $("#tab2").show(500); }); }); </script> /*код меню*/ <div class="col-module"> <div class="col-module-style1"> <div class="col-module-header"> <div class="mod-title-left" id="left"><a href="#"><i>Раздел 1</i></a></div><div class="mod-title-right" id="right"><a href="#"><i>Раздел 2</i></a></div> <div class="col-module-header-top"></div> </div> <div class="clearfix"> <div class="lofmenu_jshopping"> <ul class="lofmenu"> <div id="tab1"> <li class="lofitem1"> <a href="/" ><span>Категория раздела 1</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 1</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 1</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 1</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 1</span></a></li> </div> <div id="tab2"> <li class="lofitem1"><a href="/" ><span>Категория раздела 2</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 2</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 2</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 2</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 2</span></a></li> <li class="lofitem1"><a href="/" ><span>Категория раздела 2</span></a></li> </div> </ul> </div> </div>

В общем проблема в следующем. Сделал меню сайта во вкладках (взял код с шаблона wordpress). Во всех браузерах работает замечательно кроме FireFox. Вот на скрине пример того как должно выглядить меню в ФФ _http://savepic.org/2278978.jpg, а показывает она сейчас вот так _http://savepic.ru/3101406.jpg. Не могу понять в чем может быть проблема. В javascript'е нет проблем, потому как я удалил вообще всю яву, а проблема осталась той же. Скорее всего проблема в CSS HTML код меню <ul id="tabs" class="tabs"> <li><a href="#" rel="tab1" class="selected">Меню 1</a></li> <li><a href="#" rel="tab2" >Меню 2</a></li> <div id="tab1" class="tabcontent"> <ul> <li><a href="/" >Ссылка</a><br></li> <li><a href="/" >Ссылка</a><br></li> <li><a href="/" >Ссылка</a><br></li> <li><a href="/" >Ссылка</a><br></li> </ul> </div> <div id="tab2" class="tabcontent"> <ul> <li><a href="/" >Ссылка</a><br></li> <li><a href="/" >Ссылка</a><br></li> <li><a href="/" >Ссылка</a><br></li> </ul> </div></ul> <script type="text/javascript"> var countries=new ddtabcontent("tabs") countries.setpersist(false) countries.setselectedClassTarget("link") countries.init() </script> <!-- ^^^^^^^^^^^^^^ tabbed content ^^^^^^^^^^^^^^ --> А Вот CSS /* NAV MENU */ .tabs { background: url("../images/block_bottom2.png") no-repeat bottom right; margin:0 0 15px 24px; padding:0 0 10px 0; width:318px; } .tabs li { width: 157px; float: left; display: inline; margin-right: 2px; overflow: hidden; } .tabs li a { text-decoration:none; font-size:1.45em; font-weight:normal; text-transform:uppercase; width: 157px; float: left; text-align: center; display: block; line-height: 32px; height: 29px; background: url("../images/nav_menu_off.png") no-repeat; } .tabs li a span{color:#cd3333;} .tabs li a:hover { display: block; color:#000000; } .tabs li a.selected { display: block; background: url("../images/nav_menu_on.png") no-repeat; } /***************** CSS For TAB Content *******************/ .tabcontent { padding:10px 0 0 0; margin-right: 2px; width:316px; background: #deecfe; overflow: hidden; } .tabcontent a, .tabcontent a strong { color: #366799; line-height: 1.4em; } .tabcontent a:hover, .tabcontent a:hover strong { color: #408ddb; } .tabcontent ul li { width: 316px; display: block; background-position: left 6px; border-bottom: 0px dashed #eee; padding-bottom: 3px; margin-bottom: 3px; padding-left: 17px; line-height: 1.3em; } .tabcontent ul li a { width: 257px; padding:0 0 0px 10px; background:url("../images/rarr.gif") no-repeat left center; margin-bottom:5px; text-align:left; text-transform:none; font-size:1.2em; height: 10px; line-height: 0.9em; } .tabcontent ul li a:hover { color: #408ddb; } .tabcontent ul li span { display: block; color: #999; } /***************** CSS For TAB Content *******************/ @media print { .tabcontent { padding-left: 10px; display: block !important; } } /* THE END */ У меня складывается такое мнение что нужно что то добавить в .tabcontent, потому как если удалить overflow: hidden; то меню накладывается на другой блок и вот что получается _http://savepic.ru/3105489.jpg

В CS5 вообще легко. Делаешь скрин->вставляешь->потом маштаб до 800% увеличиваешь и считаешь кубики они же пиксели ))

А ты по-русски на глаз мерь, так точнее будет

Все спасибо уже сам нашел )) оказывается нужно было указать position:absolute. Сделал все заработало )

CMS Datalife Engine. Да вроде стандартная демо версия. На локалке пытаюсь шаблон сверстать )) Все другие шаблоны отражаются нормально. Ладно буду че нить пробываить, помучаюсь еще маленька если не получится переделаю под таблицу. А да забыл сказать некоторое замечание. В Opere все работает как надо, вся проблема возникает если просматривать шаблон в Chrome.В других браузерах пока не проверял. Может для гуггловского браузера какие то свои замарочки есть?! Эт что такое?! )

вот скрин _http://savepic.ru/2841603.jpg моей проблемы А это скрин кода _http://savepic.ru/2845698.jpg пациента

уже выравнивал float не помагает

Проблема такая делаю шаблон к сайту. Сделал правый и левый сайдбары с помощью DIV блоков одинаковыми. Проблема заключается в том что если внести в один из сайт баров информацию, то другой блок выравнивается по низу. В общем "пляшут" у меня оба блока. Подскажите как их зафиксировать вертикально, чтоб не "плясали" при добавления в сайдбары информации. З.Ы. сами блоки входят в строку таблицы, которая поделина на два столбца сайдбара и столбец с контентом.

Такая вот беда. В общем для фона установил прозрачность, но при этом сам текст на этом фоне тоже приобритает прозрачность. А мне надо что бы только фон был прозрачен а сам текст нет в этом же DIV блоке. Вот кусок где надо подправить: .nav-blockContent {height:30px;padding:0 10px;overflow:hidden;background:#ffffff; opacity: 0.3; color:#ffffff;}

В общем проверял на опере, отключил все заработала. Потом все по очереде включал и проверял. Выяснил что дело в ява скриптах. Какие функции в яве могут вызывать мою проблему?! Я быстро поиском пробегусь посмотрю что к чему. А то я яву так поверхностно знаю.

нет, не работает. Все залезло друг на друга, но ссылка так и не заработала. Вот и у меня кипять мозги в чем тут может быть дело.