HTML Coding

29,542 questions in this forum

1. Условные комментарии

   Можно ли применять несколько условных комментариев, отдельно для 6,7,8 версии. То есть, чтобы в коде было так: <!--[if IE 6]> Код для браузера Internet Explorer <![endif]--> <!--[if IE 7]> Код для браузера Internet Explorer <![endif]--> <!--[if IE 8]> Код для браузера Internet Explorer <![endif]-->

   Asked by Rustick, July 21, 2011

   0 votes
   12 answers
2. Наследование свойств border

   <style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.

   Asked by staff-base, July 23, 2011

   0 votes
   2 answers
3. Выравнивание в блоке

   есть родитель блок: .content-internal {position: relative; margin: 0 auto; width: 775px; vertical-align: top; padding-bottom: 310px;} в нем ещё блок второй: .block-info .page {position: relative; margin: 0 auto; display: block; font: normal 14px 'Trebuchet MS'; color: #46342c;} .block-info .page a {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; text-decoration: none; left: 2px; top: -8px; float: left; padding: 8px 0 0 16px; width: 42px; height: 37px; margin-bottom: -2px; background: url('../images/page_yellow.png') no-repeat;} .block-info .page span {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; left: 2px; top: -8px; float…

   Asked by okunev2, July 23, 2011

   0 votes
   6 answers
4. Оформление текста

   Текст в шапке сайта выглядит так http://mystylish.ru но должен выглядеть так http://mystylish.ru/category/k-prazdniku (тут это просто картинка) Вроде изначально все было хорошо и h1 и h2 были нужного цвета и размера, не могу понять, почему текст стал черным и обычного размера. .logo { float:left; } .logo img { margin:15px 0px 0px 15px; display:block; } .logo h1 { margin:15px 0px 0px 15px; font-family:Georgia,serif; font-size:36px; font-weight:bold; line-height:30px; letter-spacing:0px; } .logo h1 { color:#326693; display:block; } .logo a:hover { color:#333; text-decoration:none; } .logo .desc { display:block; font-family:Arial,serif; font-size:11px; font-weight:normal;…

   Asked by fowl, July 23, 2011

   0 votes
   0 answers
5. Проблема с версткой

   Подскажите пожалуйста перекопал весь шаблон и никак не могу решить следующую проблему. На сайте http://www.firsthostproff.com С права есть две разделяющие полоски которые совершенно не корректно работают, проходят через все блоки на сквозь. Как это можно решить?

   Asked by dimdimin, July 22, 2011

   0 votes
   8 answers
6. Проблема с блоками

   У меня проблема с видом блока на єкране. С помощью єтого сайтам я сделал вот такой блок .box2 { width:504px; height:434px; text-indent: 145px; text-decoration: blink; text-shadow: 1px 1px 2px black, 0 0 1em grey; position:absolute; font-size: 2em; font-family: font-family; opacity: 0.5; box-shadow: 0 0 10px rgba(0,0,0,0.5); top:512px; right:469px; background-color:#E6E6FA; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; блок меня полностью устраивает но только я разворачиваю свой сайт (то есть сужаю в єкране) все мои…

   Asked by esse, July 22, 2011

   0 votes
   15 answers
7. img в теле html рассылки

   Всем доброго времени суток. Ночью столкнулся с e-mail менеджментом, а именно с рассылкой html писем. Верстка сделана таблицей, css'ка задана как атрибут. Все красиво, гламурно, няшно и т.д. Но изображений нет. Ни один почтовый сервис их не видит. Прописал абсолютный путь - не помогло. Как же быть то, как сделать, чтобы почтовики видели картинки? P.S. Изучил массу литературы по этому поводу, но к окончательному выводу так и не пришел: можно ли организовать это в хтмл, или я обречен юзать php, MIME и "cid:"? (если да, то как?) Помогите, пожалуйста. Код в студию: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conte…

   Asked by Ankh, July 23, 2011

   0 votes
   0 answers
8. Панорама в шапке сайта

   Здравствуйте уважаемыйе форумчане!На фотошопе создал панораму из 3х картинок,теперь поставил задачу применить ее в шапку сайта:разрезал на 3 части и позаменял ссылки стандартных картинок шаблона на мои рисунки.В итоге возникла проблема центральный рисунок не вклеивается в панораму,его обрезает.Пытался менять размеры,но сбиваются рамки рисунка.Прошу у вас помощи! вот панорама которую нужно вставить: а вот что у меня выходит: (там еще дополнительный вопрос:как убрать отступ указанный на картинке?) вот код шапки(сайт находится на бесплатном хостинге ucoz.ru) : ссылки такого плана "background:url('http://elenevp.at.ua/1.jpg')" переделывал в "<img src="http://elenevp.at.…

   Asked by replicate, July 23, 2011

   0 votes
   2 answers
9. Проблемы с IE8: съезжает блок...((

   Мир всем! Трехколоночный сайт: во всех браузерах отображается нормально, кроме IE8. В IE правый блок съезжает к центру экрана. Подскажите, плиз, как зафиксировать этот div и пристыковать его к правой стороне? См. скриншоты. Спасибо.

   Asked by Palomnik, July 23, 2011

   0 votes
   5 answers
10. Курсоры

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

    Asked by WebDebug, July 22, 2011

    0 votes
    3 answers
11. В тегах H1 и H2 не отображается русский текст

    Есть шаблон HTML+CSS, кодировка utf-8. Вставляю свой русский текст, а в тегах H1 и H2 он не виден. Не "кракозябры", как при неверной кодировке, а его нет вообще (в исходном коде в браузере есть). При чем вне этих тегов русский текст отображается. Изменял кодировку на windows-1251 не помогло. Шаблон залит на Денвер. Подскажите, в чем проблема. <h1><a href="index.html">Text<span>text</span> <small>Text</small></a></h1> h1 { margin:0; padding:32px 0 0; font-size:36px; font-weight:bold; line-height:1.2em; text-transform:none; } h1 a, h1 a:hover { color:#fff; text-decoration:none; } h1 span { } h1 small { display:block…

    Asked by turovnet, January 12, 2011

    0 votes
    18 answers
12. Как растянуть контент на всю высоту?

    Подскажите пожалуйста способ растянуть content на всю высоту. Всю голову поломала, почему если задать ему стиль heigh: 100% он не растягивается на всю высоту родителя, даже если у этого родителя задана высота? Нашла только одно решение на дивах: применить бэкграунд с фоном контента к wrraper, но оно мне не подходит. И таблицы тоже( Картинка как надо и не надо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .co…

    Asked by vikusik, July 22, 2011

    0 votes
    3 answers
13. Организация верстки со множеством страниц

    Товарищи, нужна помощь. Всегда верстала по одной странице, а теперь наконец-то появился для верстки полноценный сайт, главная и куча внутренних. Так вот, подскажите, пожалуйста, где можно почитать про организацию верстки? а точнее css. Структуры страниц полностью отличаются друг от друга, окончательно запуталась в собственном css, куча стилей, куча стилей с перебивкой...просто ужасно. Или может поделитесь со мной какой-нибудь своей работой, а я хорошенько изучу код?) P.S В гугле по этой теме ничего толкового найти не могу, так как не знаю, как правильней фразу сформулировать

    Asked by vikusik, July 18, 2011

    0 votes
    8 answers
14. Не работают якори

    Подскажите, почему не работают якори на странице, например: http://www.diablo1.ru/witcher2/quests-glava-1-pobochnie.php#malena Не сдвигается на якорь, хотя он указан: <a name="malena"> <h2>Малена</h2> При этом есть другие страницы, например http://www.diablo1.ru/witcher2/quests-glava-1.php#keyran где якори работают.

    Asked by Walk, May 22, 2011

    0 votes
    18 answers
15. JS: Меняю атрибут при переключении на другой блок

    Есть код, который, как я понимаю, даёт возможность при переключении на определённый блок менять значения атрибута Style, а конкретнее прозрачность (opacity). Задался вопросом: как сделать так, чтобы скрипт менял значения атрибута Class. Где же в этом скрипте поменять сам атрибут? $(function(){ $("#pw2-button, #pw3-button, #pw4-button").css({ opacity: 0.3 }); $("#page-wrap div.button").click(function(){ $clicked = $(this); if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) { $clicked.…

    Asked by Eu-Le, July 22, 2011

    0 votes
    3 answers
16. Влияние padding'а элемента на соседние элементы той же строки

    Всех приветствую. Есть пример: http://indeego.ru/button.html При нажатии на кнопку у нее меняется padding сверху и снизу, причем в сумме они дают то же значение, что и в отпущенном состоянии (см. код). Проблема заключается в том, что это изменение передается другим элементам, расположенным в один ряд с исходной кнопкой (если в примере понажимать кнопку, текст слева от нее двигается вместе с текстом кнопки). Нужно средствами CSS сделать внутрикнопочный padding как бы независимым и не влияющим на окружение. Пока что помогает только назначение кнопке какого-нибудь float (left или right), но этот вариант не очень устраивает, т.к. изменяется расположение самой кнопки. Есть ли …

    Asked by DanLuchinsky, July 22, 2011

    0 votes
    2 answers
17. Фон - картинка с радиальным градиентом

    Допустим есть такая картинка основа - радиальный градиент, а сверху изображение с прозрачным фоном, подскажите, пожалуйста, как правильно верстать такую картинку(неужели делить на четыре части градиент((( ). Этот рисунок(или подобный) должен быть фоном сайта. CSS3 вроде поддерживает радиальный градиент, но ИЕ вроде, пока его никак не поддерживает.

    Asked by Анна, July 21, 2011

    0 votes
    7 answers
18. проблемы с javascript

    Подскажите как заменить кнопку <input type="button" value="Навигация по разделу" на вот это .menu{ width:55px; height:30px; float:left; background:url(call.png); } .menu:hover{ background:url(call1.png); } .clear{ clear:both; } <div style="position:absolute; top:0; right:0; margin-right:140px;"> <a href="www.google.ru"><div class="menu"></div></a> <div class="clear"></div> </div> Вот сам код: <html> <head> <title>сайт</title> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <Style> A:Link{ Color: #000000; Text-decorati…

    Asked by Rambo2045, July 22, 2011

    0 votes
    4 answers
19. Картинка в конце ссылки

    Может кто подскажет. Необходимо реализовать следующее: Стрелка должна быть частью ссылки. Важно чтоб если ссылка не влазит в одну строку, переносилось последнее слово со стрелкой, а не только стрелка. Пробовал через ::after, но тогда подчеркивание тянется до картинки.

    Asked by maeglyn, July 22, 2011

    0 votes
    3 answers
20. Api карт яндекса

    день добрый всем! подскажите с такой проблемкой - в карте яндекса, не могу к балуну прописать строчку с ссылкой ... все теги проходят нормально а <a> не работает, карта перестает работать сам скрипт - <script type="text/javascript"> YMaps.jQuery(window).load(function () { var map = new YMaps.Map(YMaps.jQuery("#YMapsID-413")[0]); map.setCenter(new YMaps.GeoPoint(37.651436,55.741468), 10, YMaps.MapType.MAP); map.addControl(new YMaps.Zoom(), new YMaps.ControlPosition( YMaps.ControlPosition.TOP_LEFT, // в какой угол поставить new YMaps.Size (5, 5) // сколько от него отступ в пикселах (x, y) ) ); map.enableScr…

    Asked by Torvin, July 22, 2011

    0 votes
    2 answers
21. Не могу установить высоту ячеек таблици

    Hi all! В далёком 2008 году купил один сайтик, с тех пор постоянно его переделываю. Собственно вот он: http://www.wm-monitor.ru/ Недавно решил устроить очередную переделку. Одна из задачь была сменить его родную табличную вёрстку на блочную и перевести его на HTML 5. В CSS я плохо розбираюсь, вот заодно решил и освоить стили. Новую вермию сайта я выложил на субдомене: http://new.wm-monitor.ru/ И в принципе мне удалось добиться пратичиски полного сообветствия новой и старой вёрстки, за исключением таблиц. (граници таблици я специально нарисовал, чтоб было видно проблему) Ячейки, в которых нахобятся картинки с точками, должны иметь размер 9х9, как и размер картинки в них. И…

    Asked by Andreyy21, July 22, 2011

    0 votes
    6 answers
22. Тег span не выводит изображение

    Подскажите, почему не выводится изображение. CSS .icon { background: url("../site_media/services.jpg") no-repeat scroll 0 0 transparent; } HTML <span class="icon"></span>

    Asked by Alex&R, July 22, 2011

    0 votes
    1 answer
23. Кодировка страниц Opencart

    Добрый день. Редактирую default шаблон OpenCart. В DW выставил дефолтную кодировку windows-1251. Когда начинаю сохранять - все отлично, русский текст отображается нормально, как только обновляю страницу движка, измененный текст отображается спец-символами. Это из-за разности кодировок движка и DW?

    Asked by arthyrgrex, July 22, 2011

    0 votes
    3 answers
24. Ротатор HTML для GAdsense

    Есть интересная задачка, которая имеет решения с помощью HTML, но к сожалению я пока не знаю какое. Нужен HTML код, который, при каждом обновлении страницы, должен выводить 4 разных GoogleAdsense объявления. Вернее он должен выводить одно из существующих 4 обьявлений в случайном (или алгоритмическом. Это не важно) порядке. С помощью PHP, естественно это зделать - раз плюнуть. Но вот с помощью HTML ... Спасибо. Я думаю это интересная жизненная ситуация для верстальщика или кодера...

    Asked by nazarlee, July 22, 2011

    0 votes
    5 answers
25. как прописать другой стиль текста вне css

    есть таблица вида <table cellspacing="0" cellpadding="5" border="1" width="750"> <tbody> <tr> <td> .... </table> для нее требуется задать другой размер шрифта... подскажите как и где это прописать?

    Asked by planetaryi, July 21, 2011

    0 votes
    5 answers