v.asya
Newbie-
Posts
9 -
Joined
-
Last visited
v.asya's Achievements
Explorer (1/14)
0
Reputation
-
Согласна. Перегружаюсь, может починится...
-
Скажите, пожалуйста, кто-нибудь встречал такое? В Mozille не работает задание ширины ячейки таблицы (т.е. тегу td). Ни через CSS, ни через HTML! Я просто не верю своим глазам. Не работает даже такое: <table> <tr> <td width="200">Отображает</td> <td width="250">по тексту</td> </tr> </table>
-
Какие правила и особенности при сдачи вёрстки заказчику?
v.asya replied to BassEast2's question in HTML Coding
Лучше сразу оформлять все письменно. Когда беретесь за дело - тех.задание. Когда сдаете готовый проект - что-то типа акта приема-передачи работ. Когда заказчик ставит свою подпись, что он все принял и со всем согласен, это в большей половине случаев отсеивает желание обратиться за доработками, но, конечно, и заставляет более внимательно принимать проект. Но это ведь и хорошо, правда? -
Выпадающее индексированное поисковыми роботами
v.asya replied to people2010's question in HTML Coding
Ваш 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; } -
Зазор между div'ами при нулевом padding,margin,border
v.asya replied to v.asya's question in HTML Coding
Ух ты! Спасибо всем большое! Теперь понятно откуда ноги растут! Протестировав разные способы, был выбран вариант с комментариями. Очень понравился. А вот вариант с нулями на родительском слое не сработал - он убирает и вложенные в него дивы. Начисто. Ну или я что-то не правильно делаю. Еще раз всем спасибо. -
Зазор между div'ами при нулевом padding,margin,border
v.asya replied to v.asya's question in HTML Coding
Такое происходит в Мозилле 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? -
<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 - то и выравнивается по обоим краям, создавая зазоры. Чтобы слепить картинки, требуется выровнять, например, по левому краю.
-
Не очень понимаю откуда взялась такая проблема, поскольку раньше ее не встречалось. Задача: требуется составить 3 блочных слоя в один ряд без зазоров, т.е.вплотную друг к другу. Решение: делаю, как обычно. У каждого из трех: {width:100px; border: 0; padding: 0; margin:0; display: inline-block;}.И все прекрасно, но вместо 300 в сумме получаю по 3 дополнительных пикселя с каждой стороны у каждого дива. В чем может быть дело? Не могу понять. Подскажите, пожалуйста.
-
Можно попробовать высоту в пикселях, а не процентах.