termoplus

это и есть весь код для элемента. простыми словами, картинка выравнивается абсолютным позиционированием. типа меню, и на выбранной вкладке, появляется картинка ниже (просьба не комменитировать этот способ), другого выхода добиться моего результата не было

да все у меня установлено для ФФ, в дриме проверяю только на кроссбаузерность. с валидацией у меня проблем нет. ща скоро еще тоему открою, опять глюк и все же, кто сталкивался с такой ошибкой?

HTML: <img src="images/menu_circle.jpg" alt="" width="27" height="25" class="circle_home" /> CSS: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } для наглядности могу прикрепить картинку, вот только как?? не могу найти.....

Сайт проходит валидацию, а вот дрим ругается на кроссбраузерность Three pixels text jog. Ошибку выдает на абсолютное позиционирование дива: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } как исправить? спасибо

ребят, поймите правильно. этот код будет на сайте где предоставляются услуги по верстке, поэтому хочется быть уверенным стоит или нет. хорошо, допустим нельзя. самый быстрый и оптимальный вариант такого же эффекта как добиться?

а что на счет моего примера? что в моем примере такого почему его нельзя использовать? он валиден полностью....

Как понять?????? пример. <fieldset> <legend> <img src="" width="" height="" alt="" /> </legend> <p>text goes here</p> </fieldset>

fieldset /legend вне формы валиден, 100%, верстая даже на Strict. ок. тогда как можно коротким путем дробится такого же эффекта? ———- я тут во че подумал. смотри, если fieldset /legend предусмотрен для форм, но форма также помещается во внутрь fieldset /legend, вывод, значит можно че угодно туда поместить, так как форма не связана с fieldset /legend. он как-бы группирует (ИМХО). или все же забыть?

почему? насколько я понимаю он независен от формы и даже очень симпотично его использовать в других частях сайта, конечно если на это есть причины. мне кажется просто в обиходе так все делали так и осталось в народе. или нет? я вот например сделал сотрится супер... даже если банальный простой скрипт на 10 строчек. тогда напрашитвается другой вопрос. для каждой примера JаvaScript нужно создавать свой стиль или же можно все уместить в один? если да, тогда как подскажите чтобы один скрипт другому не мешал. спасибо

опять повторюсь я не мастер и этим все сказано, не часто употребляю ЭТО слово, вот и пришлось переводить почти дословно ДЖАВА

я в жава не мастер, но если используешь дрим это сделать просто через панель Behavior

1) Ребят подскажите можно использовать тег fieldset /legend вне формы, а также использование картинки вместо текста( legend) технически можно, а вот правильный ли тон кодинга? 2) Можно как-то регулировать отступ левого края линии ( fieldset /legend)? У меня он получается без отступа, а иногда с отступом, как повезет, глупо конечно, но факт. 3) При использовании JаvaScript (например, мелкая интерактивность) лучше оставлять его в странице или внедрять в отдельный файл, как СиСС?

спасибо, понял! ну и гад же этот ИЕ

вот пример: http://stroyuslugi.net/

почему ИЕ не правильно отображает таблицы? Все остальные браузеры четко отображают отформатированную таблицу (цвет, рамка, толщина......) спасибо

Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо

в том то и дело, что реклам нет.

ребят столкнулся с таким нюансом. сверстал сайтик, все страницы валидны, проверял и на сайте разработчиков а также скачал спец плагин для мозилы, все ок, ошибок нет. загрузил на бесплатный хостинг, проверить что к чему. так вот этот плагин показывает ошибки на страницах, в чем дело? не могу понять если на локале показывает без ошибок, почему позже после заливки на сервер показывает ошибки? спасибо.

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

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

если честно width у меня не было установленно, просто решил здесь показать чтобы было понятно что к чему. не знал, что это так принципиально действует, сорри. а вот display:table, а после vertical-align:middle опять не ни к чему не привело. упирается текст в верхний край гад............. а padding: 0 55px пусть вас не смущает что слева и справа. Справа специально установил чтобы при разрешении 1024 пик. второе слово не умещялось и перетекло вниз..... блин, а срочно то нужно...... спасибо за все! удачи!

Нужно выровнить текст по вертикали в кнопке. Простыми словами дело обстоит так, блок кнопки например 50х200px, в левой части иконка, после заголовок. текст выравнивается по верхнему краю. Прописываю vertical-align:bottom для кнопки, но не действует. Можно использовать padding,но мне нужно при уменьшении разрешения монитора второе слова заголовка(кнопка) переходит на новую строчку и padding вот здесь все испортит. <ul> <li><a href="#" class="mNav01">Системы безопастности</a></li> <li><a href="#" class="mNav02">Контроль доступа</a></li> <li><a href="#" class="mNav03">Системы видеонаблюдения</a></li> <li><a href="#" class="mNav04">Охрана периметра</a></li> <li><a href="#" class="mNav05">Системы оповещения</a></li> </ul> Код CSS #services ul li a { font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #69768d; text-decoration: none; display: block; } #services ul li .mNav01 { background: url(images/nav01_small.jpg) no-repeat left top; display: block; width:100% height: 50px; padding: 0 55px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; //этот же класс для всех кнопок// СПАСИБО

он у тебя вообще не будет выравниваться так как незадана высота столбца, а даже если бы и была все равно в css у тебя выравнивание по центру <table> <tr><td>text</td></tr> <tr><td> <table> <tr> <td valign="center" id="middle">Текст, который надо отцентрировать</td> </tr> </table> </td> </tr> </table> В чём дело не могу понять :[ #CSS #middle { vertical-align: middle } нужно TOP и height:50px;

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

сверстал тестовую страничку, столкнулся с проблемами: 1)разница в браузерах 2)не отображается рамка в ИЕ 3)высота всего контента 4)выравние внутренних колонок(как расположить по центру?) 5)слово "banner"как разместить по центру? 6)состояние кнопок, при выбранном режиме не поддеживается стиль 7)набирал в дримвивере, каждая строка выравнивается по краю, т.е. не показывает вложенные строки, хотя галка стоит Auto Indent только учусь верстать, поэтому судите не строго. Заметил что при удалении первых двух строчек в коде, в ИЕ отображаются рамка. <!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=utf-8" /> <title>Untitled Document</title> <style type="text/css"> html, body{ background-color:#333333; text-align:center; } .body{ width:800px; background-color:#FFFFFF; border: 1px solid grey; } .imageHeader{ width:794px; height:200px; border: 1px solid grey; background-color:#CCCCCC; margin:2px; } .colum{ width:264px; margin-right:2px; margin-bottom:2px; } .columContent{ height:502px; border: 1px solid grey; padding:2px; background-color:#CCCCCC; } .left{float:left;} .right{float:right;} .cleanFloat{clear:both;} .bottom{ width:794px; height:30px; border:1px solid grey; background-color:#CCCCCC; margin:2px; } .link A{ color:#000000; } .link A:hover{ color:#FFFFFF; background-color:#000000; } .linkActive A, linkctive A:hover{ background-color:#000000; color:#FFFFFF; } .link A, link A:hover, linkActive A, linkctive A:hover{ text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding:5px; } .delimeter{ border-right:1px solid grey; margin:4px; } </style> </head> <body> <div class="body"> <div class="imageHeader"> banner </div> <p> <span class="link"> <a href="">button-01</a></span> <span class="delimeter"></span> <span class="linkActive"> <a href="">button-02</a></span> <span class="delimeter"></span> <span class="link"> <a href="">button-03</a></span> <span class="delimeter"></span> <span class="link"> <a href="">button-04</a></span> <span class="delimeter"></span> <span class="link"> <a href="">button-05</a></span> <span class="delimeter"></span> <span class="link"> <a href="">button-06</a></span> </p> <div class="colum left"><div class="columContent"></div></div> <div class="colum left"><div class="columContent"></div></div> <div class="colum left"><div class="columContent"></div></div> <div class="bottom cleanFloat"></div> </div> </body> </html>