Jump to content

v.asya

Newbie
  • Posts

    9
  • Joined

  • Last visited

v.asya's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Согласна. Перегружаюсь, может починится...
  2. Скажите, пожалуйста, кто-нибудь встречал такое? В Mozille не работает задание ширины ячейки таблицы (т.е. тегу td). Ни через CSS, ни через HTML! Я просто не верю своим глазам. Не работает даже такое: <table> <tr> <td width="200">Отображает</td> <td width="250">по тексту</td> </tr> </table>
  3. Лучше сразу оформлять все письменно. Когда беретесь за дело - тех.задание. Когда сдаете готовый проект - что-то типа акта приема-передачи работ. Когда заказчик ставит свою подпись, что он все принял и со всем согласен, это в большей половине случаев отсеивает желание обратиться за доработками, но, конечно, и заставляет более внимательно принимать проект. Но это ведь и хорошо, правда?
  4. Ваш HTML <!--Выпадающее меню--> <div class="gdsmenu"> <ul class="gdsfst"> <li><a href="goods_gate.html" class="gdsfst">ВОРОТА МЕТАЛЛИЧЕСКИЕ</a> <ul class="gds"> <li class="gds">ворота технические</li> <li class="gds">ворота противопожарные</li> </ul> </li> <img src="img/menuline.jpg"> <li><a href="goods_door.html" class="gdsfst">ДВЕРИ</a> <ul class="gds"> <li class="gds">двери металлические</li> <li class="gds"> двери для квартиры</li> <li class="gds"> двери технические</li> <li class="gds"> двери противопожарные</li> <li class="gds">двери деревянные</li> <li class="gds"> двери межкомнатные</li> </ul> </li> <img src="img/menuline.jpg"> <li><a href="goods_perfolist.html" class="gdsfst">ЛИСТ ПЕРФОРИРОВАННЫЙ</a> <ul class="gds"> <li class="gds">варианты перфорации</li> <li class="gds">техническая информация</li> <li class="gds">применение</li> <li class="gds">изделия из перфолиста</li> </ul> </li> <img src="img/menuline.jpg"> <li><a href="goods_metmeb.html" class="gdsfst">МЕТАЛЛИЧЕСКАЯ МЕБЕЛЬ</a> <ul class="gds"> <li>шкафы</li> <li> шкафы архивные</li> <li> шкафы гардеробные</li> <li> шкафы депозитные</li> <li> шкафы картотечные</li> <li> шкафы офисные</li> <li> шкафы секционные</li> <li> прочие изделия</li> <li><a href="goods_st.html">стеллажи</a></li> <li> <a href="goods_stgruz.html">стеллаж грузовой</a></li> <li> <a href="goods_stklet.html">стеллаж клеточный</a></li> <li> <a href="goods_stmob.html">стеллаж мобильный</a></li> <li> <a href="goods_stoffice.html">стеллаж офисный</a></li> </ul> </li> <img src="img/menuline.jpg"> <li><a href="goods_lift.html" class="gdsfst">ОБРАМЛЕНИЯ ЛИФТОВЫХ ПОРТАЛОВ</a></li> <img src="img/menuline.jpg"> <li><a href="goods_ogr.html" class="gdsfst">ОГРАЖДЕНИЯ</a> <ul class="gds"> <li><a href="goods_ogrbalc.html">ограждения балконов</a></li> <li><a href="goods_ogrladd.html">ограждения лестничных маршей</a></li> <li><a href="goods_ogrwin.html">ограждения окон (решетки)</a></li> <li><a href="goods_ogrstreet.html">ограждения уличных площадок</a></li> </ul> </li> </ul> <br> </div> <!--Конец выпадающего меню--> ВАШ CSS /*ВЫПАДАЮЩЕЕ МЕНЮ*/ .gdsmenu { background: #ffffff url(img/newsrep.jpg) repeat-y; width: 220px; margin: 0px; margin-left: 5px; padding: 0px; padding-left: 15px; border: 0px solid red; } ul.gds { margin: 0; padding: 0; list-style: none; width: 185px; border-bottom: 1px solid #ccc; } ul.gdsfst { margin: 0; padding: 0; list-style: none; width: 185px;} ul.gdsfst li { position: relative; } li ul.gds { position: absolute; left: 185px; top: 0; display: none; } ul.gds li {display: block; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; } ul.gds li a { color: #777; } ul li a.gdsfst { display: block; text-decoration: none; color: #777; background: #fff; padding: 0px; border: 0; } ul li.gdsfst { display: block; color: #777; background: #fff; padding: 0px; border: 0; }/*для страницы "услуги"*/ /* Fix IE. Hide from IE Mac \*/ * html ul li.gds { float: left; } * html ul li a.gds { height: 1%; } /* End */ /* Fix IE. Hide from IE Mac \*/ * html ul li.gds { float: left; height: 1%; } * html ul li a.gds { height: 1%; } /* End */ li:hover ul, li.over ul { display: block; }
  5. Ух ты! Спасибо всем большое! Теперь понятно откуда ноги растут! Протестировав разные способы, был выбран вариант с комментариями. Очень понравился. А вот вариант с нулями на родительском слое не сработал - он убирает и вложенные в него дивы. Начисто. Ну или я что-то не правильно делаю. Еще раз всем спасибо.
  6. Такое происходит в Мозилле 3.6 и в IE8. В телепата играться не надо. Т.к. корректно не работает даже самый простой код вида: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="pstyle.css"> </head> <body> <div id="o"> Kldj;glhkjsd;lghkjsH </div> <div id="t"> l;kjd;lgkj;dlkfjh </div> <div id="d"> sdflgjsdl;fjglsdkjg </div> </body> </html> Файл css выглядит следующим образом: #o { width: 200px; background: blue; display:inline-block; border:0; padding:0; margin:0x;} #t { width: 200px; background: red; display:inline-block; border:0; padding:0; margin:0;} #d { width: 200px; background: green; display:inline-block; border:0; padding:0; margin:0;} Опытным путем только что было установлено, что нужно поправить: margin: 0 -2px 0 -2px; Тогда все исправляется. Но что это за странный баг? Откуда ноги растут? Кто-нибудь знает? И какова теперь ширина дивов? 200? Или 200-2-2=196?
  7. <div id="d"> <a href="index.html"> <img src="img/pic.jpg" style="border: 0px;"> </a> <a href="index.html"> <img src="img/pic.jpg" style="border: 0px;"> </a> </div> У этого кода две картинки прижаты друг к другу. Надо проверить не накручено ли у Вас каких-либо дополнительных стилей на jpg или a из классического набора: border-margin-padding. Также проверить выравнивание. Если выравнивание абзаца стоит justify - то и выравнивается по обоим краям, создавая зазоры. Чтобы слепить картинки, требуется выровнять, например, по левому краю.
  8. Не очень понимаю откуда взялась такая проблема, поскольку раньше ее не встречалось. Задача: требуется составить 3 блочных слоя в один ряд без зазоров, т.е.вплотную друг к другу. Решение: делаю, как обычно. У каждого из трех: {width:100px; border: 0; padding: 0; margin:0; display: inline-block;}.И все прекрасно, но вместо 300 в сумме получаю по 3 дополнительных пикселя с каждой стороны у каждого дива. В чем может быть дело? Не могу понять. Подскажите, пожалуйста.
  9. Можно попробовать высоту в пикселях, а не процентах.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy