Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. IE8 и a:hover

    Уважаемые гуру! Можете растолковать решение проблемы. в восьмом осле не работает следующий код... HTML <a href="/main.html" class="rollover"></a> CSS a.rollover { background: url('/template/default/funkemotion2_02.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ float: left; width: 252px; /* Ширина рисунка */ height: 164px; /* Высота рисунка */ border: 0px solid #000; /* Рамка вокруг картинки */ } a.rollover:hover { background: url('/template/default/funkemotion2_02.gif'); /* Путь к файлу с заменяемым рисунком */

    Asked by Antuan,

    0 votes
    18 answers

  2. Вопрос про расположение фоновой картинки

    есть у меня страница с примерно такой структурой: <html><body> <div id="all"></div> <div id="footer"></div> </body></html> К ней полагается следующий css: html, body { height: 100%; } #all { min-height: 100%; } * html #all { height: 100%; } #footer { clear: both; height: 136px; margin-top: -136px; } Такая схема применена для того, чтобы подвал всегда был снизу, даже если контента на странице мало. Теперь встала задача разместить на странице три фоновых изображения. Одно равномерное текстурное по всей странице, ещ? одно - специфичная текстура для верхнего края документа, и ещ? одно - декоративный элемент в нижнем лево…

    Asked by Shilgya,

    0 votes
    11 answers

  3. Разноцветный border

    Подскажите, как сделать такой разноцветный border? Вставить картинкой? А по-другому, никак нельзя?

    Asked by Alfa2015,

    0 votes
    5 answers

  4. Firefox не отображает background-image.

    Почемуто Firefox не хочет отображать фоновую картинку. Причем в IE, Opera, Safari все отображается нормально. Вот кусок кода из CSS .topheader { height: 405px; background: transparent url(/site_resources/images/topbannermain.jpg) center no-repeat; } Вот ссылка на страницу http://mail.avtodin.ru/site_resources/htmls/main_page.html Вот ссылка на ЦСС http://mail.avtodin.ru/site_resources/css/main_page.css

    Asked by Casufi,

    0 votes
    6 answers

  5. frD-Вертикальный интервал между ячейкам (ПОМОГИТЕ!)

    Мы сделали сайт nrbiz.ru Нарисовали и закинули его в движок, в IE отображение происходит отлично, а во всех остальных меняется интервал , поле меню вертикально растягивается. Подскажите что делать? HTML код страницы привожу ниже, подскажите что прописать в CSS??? <html> <head> <style> a {text-decoration: none; color: FFFFFF } a:hover {text-decoration: underline; color: FFCC33 } </style> <style type='text/css'> .gmtbl {background-color: #ffffff; border: 1px solid #ffffff;} .gmtdttl {font-size: 70%; font-weight: bold;color: #0e52ea; text-align:center; background-color: #ffffff} .gmtdtext {font-size: 70%; font-weight: normal; color: #00…

    Asked by snakebuster,

    0 votes
    5 answers

  6. <!--[if gte IE]> - как это конструкция называется?

    <!--[if gte IE]> - как эта конструкция называется? И где про нее можно почитать? Еще интересно как firefox сокращенно пишется (для вставки в эту конструкцию)?

    Asked by kipupik,

    0 votes
    9 answers

  7. 2 Diva с шириной по 50% и float: left и их отображение в ie6 и ie7

    Народ еще нашел странную особенность http://shinoda.ru/bug_fix/block_test.htm Баг в том что в шестой и седьмой версии ИЕ при ширине в 50% и с флоатом лефт (вроде бы поровну и в сумме 100%) не помещаются на одной линии. И даже вроде знаю из чего, вот решил покопать по-подробнее, итак по порядку Я брал и скриншотил экран и замерял правильно ли браузер расчитывает ширину и вот что получилось (разрешение у меня 1280): IE6: Ширина окна браузера (без учета скролла и всего отсального) - 1253 px Ширина одного блока при разрешении 1253px была равна 627px, умножаем это на 2 и получаем 1254!!! и тут уже понятно почему блоки не стоят на одной линии, итог - ИЕ неправильно посчитал по…

    Asked by TonKhaO,

    0 votes
    26 answers

  8. FLASH - общие вопросы

    есть ролик в формате swf..пытаюсь поставить его на страницу...может что-то неправильно в самом коде...помогите исправить или направьте на более правильный путь (код) для таких файлов <object width="320" height="300"> <param name="movie" value="полный адрес к файлу.swf"> <param name="wmode" value="transparent"> <embed src="полный адрес к файлу.swf" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="320" height=300"></embed></object> спасибо

    Asked by _Ирина_,

    0 votes
    10 answers

  9. как связать 2 поля со списком?

    Я вроде много чего полистал на этом форуме и понял что это лучший сайт и форум. Думаю тут мне помогут. Все просто... Вот нужно сделать такую штуку. Т.е. када выбираешь значение в 1ом поле, во втором поле подгружались значения зависимые от первого. Выбирая значение во втором поле со списком, подгружались значения в третьем и т.д. Буду очень благодарен всем кто может помочь.. Очень хочу научиться такие штучки делать...

    Asked by moy_login,

    0 votes
    24 answers

  10. Как нарезать сайт?

    Доброго времени суток! Есть шаблон сайта, но сверстать не могу, есть все инструменты под рукой, учебники, статьи, по тому как расположить с дивами и таблицами смогу, но вот правильно нарезать не знаю как. Там есть на менюшках тени и все прочее, с чем я не могу справиться и нарезать так, как нужно, чтобы потом это все сверстать... Может кто поможет привести пример того, как нужно эти дела прокручивать? На примере желательно, нечто вроде этого http://www.pastukhova.com/lesson1.php Но тут уж слишком все просто, нужно чтобы примерно понять как сверстать дизайн посложнее.

    Asked by BRK,

    0 votes
    4 answers

  11. Отступы сверху везде кроме IE

    Привет всем, ребята помогите разобраться не могу найти где ошибка вот сайт http://www.mebelin.ucoz.ru/ , сверху есть отступ везде кроме IE, помогите его снять

    Asked by karel,

    0 votes
    19 answers

  12. Растягивающийся DIV

    Есть простой html: http://infosite.org.ua/divs/ Это - один див-оболочка (#main) , и два дива внутри (#main #left,#main #right). Хочу добиться, чтобы внутренние дивы были _таки_ внутри, причем были по высоте одинаковы, в зависимости от высоты вложенного текста. Вот как хочется, чтобы было: помогите...

    Asked by softm,

    0 votes
    8 answers

  13. z-index VS SELECT в ie6

    Кто как справляеться с багом наложения слоя на форму SELECT ? В ие6 селект всегда перекрывает слой <!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" xml:lang="en" lang="en"><head> <style type="text/css"><!-- ul.menu1 { background-color: red; color: blue; list-style: none; display: block; position: absolute; z-index: 10; } --></style> <body> <ul class="menu1"> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню&…

    Asked by WalkMan,

    0 votes
    30 answers

  14. Только только начал верстать вопрос зачем оборачивать img в div если и без него работает

    Всем привет. Я только недавно начал верстать. Сейчас пытаюсь сделать e-mail рассылку. У меня такой вопрос: зачем оборачивать img в div если и без div работает ? Пример : <td width="138" valign="top" style="margin: 0; padding: 0; padding-top: 14px; padding-left: 30px;"> <a href="#" target="_blank" border="0" style=" margin: 0; padding: 0; outline: none; border: none; text-decoration: none;"> <div style="font-size:1px;line-height:1px;"> <img width="138" height="84" src="images/logo.png" alt="БонПари" style=" border: 0; margin: 0;padding: 0; display: block; font-size: 1px; line-height: 1px; font-family: Verdana, Tahoma, Geneva, san…

    Asked by blalorvet,

    0 votes
    8 answers

  15. Все случаи, когда игнорируется margin:auto

    Так и не смог уловить этот нюанс. Поэтому прошу помощи у опытных верстальщиков. Заранее всем спасибо.

    Asked by Beck,

    0 votes
    24 answers

  16. Как отцентровать содержимое по вертикали?

    Никак не могу отцентровать содержимое по вертикали. Можно превратить <a> в table-cell, тогда можно будет использовать vertical-align: middle; Будет работать в FF, Opera, Safari, IE8. Но как заставить встать по центру в IE6 и IE7. Ниже пример который хотелось бы обуздать. У кого есть опыт, подсобите! http://dc133.file.qip.ru/img/127077842/d59...059&sizeM=7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Vertical align MIDDLE</title> <style type="text/css"> body {font: 11px Arial, Helvetica, sans-serif;} ul, li { list-style: none outside none;} ul…

    Asked by maximuz,

    0 votes
    1 answer

  17. Два слоя в строчке. Один фиксированный, другой нет.

    Есть два слоя, один выровнен как float: left , другой right . Который справа, должен быть фиксированн, например 300px, а тот что слева должен растягиваться до правого слоя. Как растянуть левый слой? Если ставить width: 100% , то слои переносятся на разные строчки.

    Asked by 100kd,

    0 votes
    9 answers

  18. margin-top и margin-bottom

    Вопрос явно простой, искал ответ во всей сети - ненашел, Есть таблица с двумя строками и двумя рядами: верхняя строка - одна ячейка (colspan="2"), нижняя строка состоит из двух ячеек. В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней с помощью div'а размещается gif: <html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div style="margin-top:0px;"> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td> <div style="margin-top:0px;"> &l…

    Asked by cx717,

    0 votes
    6 answers

  19. Как оформить полосу прокрутки в overflow

    Собственно как оформить в цветовой гамме полосу прокрутки? .box { overflow: scroll; width: 450px; height: 200px; padding: 3px; border: 1px solid rgb(20,20,20); }

    Asked by okunev2,

    0 votes
    11 answers

  20. Изменение свойства DIV при наведении мыши и IE

    Есть вертикальное выпадающее меню (см. код ниже). 1) Как сделать так, чтобы при наведении мыши на пункт у него менялся цвет фона по всей длине и этот пункт был бы ссылкой. В FF и O работает, а в IE6 не совсем - цвет меняется только при наведении на текст. 2) Реализация этого меню в IE6 (в старших не проверял) выдает панель о небезопасном содержимом. Можно ли изменить это меню так, чтобы все работало (желательно валидно) и эта панель не появлялась? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Документация</title> <meta http-equiv="Content-Type" content="text/htm…

    Asked by Online,

    0 votes
    9 answers

  21. Всплывающая подсказка над input полем

    Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…

    Asked by Александр_1989,

    0 votes
    1 answer

  22. вопрос по классам.

    Здравствуйте. http://volvo-jastin.narod.ru/S90.HTML Пожалуйста не надо изменять станицу !!!Разрешаю просмотреть код. *** Вот, наконец-то ,частично начал переводить свой сайт под управление классами. Как всегда вс? работает великолепно в ''Эксплоуере''. Замичательный ,хоть и страшно гюченный... Но в ''Мазиле'', опять ж... Она не читает больше половины кода!Меня это не устраивает:mad:!! ________________________ Объясните кто дурак браузер или я?Спасибо.

    Asked by 21043,

    0 votes
    14 answers

  23. Верстать сайт полностью на таблицах- хорошо или плохо?

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

    Asked by Glebr,

    0 votes
    13 answers

  24. Кликабельный div

    Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…

    Asked by 7ion,

    0 votes
    5 answers

  25. возможно ли описание стиля id селекторов "по маске"?

    Собственно вопрос возможно ли описание id селекторов "по маске"? допустим есть несколько блоков <div id="name-1"></div>, <div id="name-2"></div>, <div id="name-3"></div>, <div id="name-4"></div> и тд. до бесконечности, крайнего номера не заданно. То есть отличие в идентификаторе задается только через "-номер", name - для всех общее. Возможно ли описать стиль для всех этих идентификаторов? если да, то как?

    Asked by NenilinNM,

    0 votes
    6 answers
×
×
  • 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

  I accept