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. Флеш баннер в Html

    Такая загвоздка! Нужно поставить флеш баннер на сайт. Что мне прописать в html коде чтобы он отображался на сайте? И как мне его поставить в определенное место на странице? Если кто знает расскажите а то я новичек в этом деле!!!

    Asked by money121,

    0 votes
    2 answers

  2. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000,

    0 votes
    19 answers

  3. Как залить background градиентом?

    Видел много сайтов, где на фоне не чистый цвет, а градиент. Можно ли как-нибудь такое сделать с помощью CSS? Может есть возможность растягивать изображение на весь экран?

    Asked by yarikzv,

    0 votes
    2 answers

  4. вертикальные линии

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

    Asked by alex29,

    0 votes
    5 answers

  5. Помогите пожалуйста

    Пожалуйста, помогите переделать! CSS код #menu_cont ul { font-size: 0.85em; margin: 0; padding: 0; list-style: none; } #menu_cont li { display: inline; float: left; } #menu_cont li a { display: block; padding: 7px 20px; color: #003388; background-color: #f5f5f5; margin-right: 2px; } #menu_cont li a:hover { display: block; padding: 7px 20px; color: #333; background-color: #fff; margin-right: 2px; } #menu_cont li span { display: block; padding: 6px 20px; color: #555; background-color: #e8e8e8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-right: 2px; } HTML код <div id="menu_cont"> <ul> <li><a href="#…

    Asked by Alisa,

    0 votes
    14 answers

  6. проблемы с версткой

    страничка: http://gruz78.ru/les/ex.html 1) при маленькой высоте окна браузера футер наезжает на контент 2) хотелось бы, что бы горизонтальное меню распространялось на всю ширину окна, а faq прижималься в правому краю. Не получается - что бы я не задавала, появляется горизонтальная прокрутка. 3) в FF страница не растягивается по вертикали. 4) не получается прижать дивы с относительным позиционированием к правому краю родителя. буду очень благодарна, если кто-нибудь подскажет, что я делаю неправильно.

    Asked by lampo4ka,

    0 votes
    4 answers

  7. Подгрузка шрифта

    Мне надо знать, есть ли гарантия что не установленный подгружаемый шрифт средствами CSS будет работать. И вообще, стоит ли такое делать или по-деревенски картинку вставить?

    Asked by IceBars,

    0 votes
    11 answers

  8. Добавил третью колонку

    Вот я добавил третью колонку и теперь вторая с третьем стали не так реагировать на margin-left как надо. То есть отсчёт идёт не от окна браузера а от правого края первой колонки. Я использовал float: left. Может это так и должно быть?

    Asked by imariki,

    0 votes
    5 answers

  9. Одна ячейка, разное выравнивание

    Ребят, поставил себе задачку, Имеем: 1 ячейка таблицы, две картинки Задача: Нужно, чтобы одна картинка выравнивалась по верхнему краю, а другая по нижнему, в Одной ячейке Решение было найдено засчёт margin-top: у одной из картинок <style type="text/css"> *{ margin: 0; padding: 0;} table{ border-collapse: collapse; width: 300px;} table td { border: 1px solid #f00; height: 200px; text-align: center; vertical-align: top;} table td img.bottom { display: block; margin-top: 150px;} </style> <table> <tr> <td> <img src="green-but.jpg" alt="" /> <img class="bottom" usa-f.jpg" alt="" /> </td> &l…

    Asked by psywalker,

    0 votes
    20 answers

  10. при инклюде в див таблицы браузеры ведут себя по разному..

    почему при инклюде файла див в эксплорере и опере увеличивается, а в мозиле нет? текст тупо идёт дальше, а таблица кончиласть????? вот как надо: http://s61.radikal.ru/i171/0907/3d/ca6b99589081.png вот так оно в эксплорере: (пнг скоро я сделаю нормальным, ща это только время тратить). но! почему табличка в которой новость (кремовая такая табличка) почему она разъехалась??? раньше в опере такое было, исправила. но здесь что??? какой атрибут косячит?? http://s53.radikal.ru/i140/0907/e9/8ea84a3a6c99.png и наконец КАК НЕ НАДО!!!! в лисе: http://s44.radikal.ru/i105/0907/b6/cc6a26624222.png что за бред??? скажите, наверняка вы с этим встречались, какие атрибуты в одном браузере …

    Asked by yummi,

    0 votes
    8 answers

  11. Два Блока Рядом.. Выходит Только Если Ширина..

    Здравствуйте снова! =) У меня опять вопросик.. как то так вышло, убрал один враппер (как оказалось ненужный див.. ) и что-то съехало, начал поправлять и наткнулся на интересный момент.. сейчас есть CSS: #footer{ margin:13px auto 0px auto; padding: 0px 13px 0px 13px; position: relative; clear: both; width: 992px; height: auto; background-color: #fff; ~border: 1px solid #000; font-size: 10px; line-height: 11px; } /* FOOTER CONTENTS */ #footer > p{ margin: 0px 0px 13px 0px; padding: 0; text-align: justify; clear: both; color: #777; } #footer > .imgtext { width: 100%; height: 100%; clear: both; overflow:hidden; background-color: #ccc; margin: 0px 0px 8px 0px; } #fo…

    Asked by gard,

    0 votes
    12 answers

  12. @font-face

    Есть шрифт вот такой, решили вставить его в проект. Генерю CSS и шрифты разных форматов при помощи сервиса fontsquirrel.com. Возникают проблемы с кириллицей причем как-то странно - кириллица не отображается только в ИЕ7 (с латинницей все в порядке). Пока проверял в ИЕ8, ИЕ9 и Хроме, там все нормально (не знаю как в остальных браузерах). В чем может быть проблема в ИЕ7? Вариант отказа от ИЕ7 не подходит ни под каким предлогом. Шрифт заюзать надо позарез. Кто что подскажет? P.S. Хоть в этом сервисе заявлена поддержка ИЕ5+, но в ИЕ6 (на виртуальной машине) у меня ничего не работает, даже латинница. Интересно почему. Поддержка ИЕ6 в общем не особо нужна, но как бонус было бы …

    Asked by Great Rash,

    0 votes
    8 answers

  13. Центрирование блока меню

    Доброго времени суток! Подскажите, пожалуйста, как сделать данное меню по центру или растянуть по ширине ячейки. <link rel="stylesheet" type="text/css" href="../CSS/cssmenustyles.css"> <table width="850" border="0" align="center"> <tr align="center"> <td align="center"><ul id="cssmenu"> <li><a href="#">Текст1</a> </li> <li><a href="#">Текст2</a> </li> <li><a href="#">Текст3</a> </li> <li><a href="#">Текст4</a> <ul> <li><a href="#">Текст5</a>&…

    Asked by ykero,

    0 votes
    36 answers

  14. Как можно сделать "резинку" с применением % и px

    Здравствуйте. Подскажите пожалуйчта, как можно сделать "резинку" с применением % и px, а именно: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; wid…

    Asked by puller12,

    0 votes
    24 answers

  15. Прыгает ссылка :hover

    Добрый день, впервые столкнулся с такой проблемой. Имеется HTML-код: <div class="region_item">Город: <span class="city">Москва</span> <a href="#chooseCity">Выбрать другой</a></div> И соотв. CSS к нему: .region_item { clear: left; display: block; background: url(../img/grad/region_bg.png) repeat-x; height: 23px; width: 198px; margin-left: 3px; border: 1px solid #5c636b; color: #8c9398; padding-top: 6px; padding-left: 5px; font-family: Tahoma, Arial, Sans-Serif; font-size: 13px; } .region_item a { text-decoration: none; color: #018fc2; border-bottom: 1px #018fc2 dashed; font-family: Tahoma, Arial, Sans-Serif; font-size:…

    Asked by marsh123,

    0 votes
    5 answers

  16. использование тега noscript

    На днях скачал шаблончик по этому адресу: http://html5up.net/ Название: Striped открыл его через кодовый редактор и в теге head заметил что css файлы подключённые через тег link для различных типов устройств обёрнуты в тег noscript. Вот я немного не понимаю зачем их помещать в теге noscript. Пример кода: <noscript> <link rel="stylesheet" href="css/skel-noscript.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style-desktop.css"> <link rel="stylesheet" href="css/style-wide.css"></noscript>И если можно подсказать для чего на данный момент может ещё использоваться тег noscript.

    Asked by nfsworld,

    0 votes
    5 answers

  17. Chrome - проблемы отображения шрифтов

    Здравствуйте! Возникла следующая проблема. Есть форум - http://blog.springo.com.ua/ на нем в контентной части нестандартный шрифт, который подгружается через Гугл. Проблема в том, что когда переходишь на блог, то все отображается, но если ты перезагрузишь страницу, то текст (где нестандартный шрифт) исчезает (как я понимаю просто не подгружается шрифт). Если же обновить путем нажатия Enter в адресной строке, то все опять замечательно. Прошу помощи разобраться в этом.

    Asked by vlasenkov,

    0 votes
    3 answers

  18. Изменение расположения виджета ВК

    Подскажите пожалуйста как изменить расположение виджета ВК группы.

    Asked by РоманМ,

    0 votes
    8 answers

  19. float проблемы кроссраузерности.

    Конкретная ситуация: Есть меню на сайте. Есть выпадающие пункты меню. Меню прорисовывается в дивах: <div class="menu-hidden-out"> <div id='thisid' class="menu-hidden-in"> Текст Выпадающего меню. </div> </div> .menu-hidden-out { position:relative; width: 100%; z-index: +100; } .menu-hidden-in { visibility: hidden; position: absolute; top: 0px; padding: 0px; margin: 0px; max-height:200px; height:expression(this.scrollHeight > 200? "200px" : "auto"); max-width:700px; width:expression(this.scrollWidth > 700? "700px" : "auto"); min-width:120px; width:expression(this.scrollWidth < 120? "120px" : "auto"); overflow:auto…

    Asked by airr,

    0 votes
    2 answers

  20. IE очень кумарит

    картинки и текс в таблице не становится как надо... <table style="text-align: left; width: 567px; height: 73%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="height: 52px; width: 48px;" colspan="1" rowspan="2"><img style="width: 48px; height: 52px;" alt="" src="conticon48x52.jpg"></td> <td style="height: 18px; text-align: left; vertical-align: middle;"><img style="width: 39px; height: 18px;" alt="" src="contpravo39x18.jpg"></td> </tr> <tr> <td style="height: 34px;" id="aaa"> <h1 style="text-align: center; vertical-align: middle;">Fabula Onl…

    Asked by Nekromancer,

    0 votes
    19 answers

  21. Проблема с резиновым макетом.

    Можно ли вообще сделать несколько таблиц в одной таблице, чтоб они нормально отбражались на разных разрешениях? То есть, делаю так, таблица, во все окно, width="100%", делю на три столба тоже в процентах, в двух столбах делаю по три таблицы, так же каждая width="100%", в результате на обычном дисплее все нормально, на широкоформатном в правом столбе уходят на уменьшение все три таблицы. Может, вообще таблицами сделать ровно не реально, только слоями, если так то буду пререписывать. Там просто таблицами было бы удобней, много табличной информации.

    Asked by Mants,

    0 votes
    3 answers

  22. Подскажите как верстать

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

    Asked by mOnYa,

    0 votes
    6 answers

  23. Goggle Chrome принудительно показывает рамку вокруг-рисунка ссылки. В Опере и Мозиле все отображается нормально.

    Подскажите, пожалуйста, как исправить вот этот глюк? (см. рисунок) http://clip2net.com/s/2Umh5 В Мозилле и Опере все отображается нормально, в Хроме показывает вот эту ненужную рамку, а в IE (как всегда) вообще кошмар. На IE мне вообще пофиг, но вот как сделать так, чтобы в Google Crome рисунок-ссылка тоже отображался нормально, без вот этой дурацкой серой обрамляющей рамки? Перерыл уже весь Интернет - везде один и тот же совет - в свойствах рисунка поставить border=0px Поставил этот border = 0 везде, где только можно и в свойствах DIV и в свойствах ссылок, и в свойствах рисунка - не помогает. Видимо это делается как-то иначе. Как? Ведь, теоретически это сделать как-то во…

    Asked by konstpon,

    0 votes
    1 answer

  24. позиционирование картинок на одном уровне с текстом

    привет давно видел эту неприятность, но как-то не обращал на нее внимания, до тех пор пока она не начала мне реально докучать - нынешних. вот код: <a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;">MP3</a> <a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;"><img src="/pics/hi.png" width="30" height="17" alt="192"/></a> а вот что он выводит: для наглядности приписал белый border, а для надежности - параметр высоты. не сработало. а проблема, как вы уже поняли, в том, что текст не на одном уровне с картинкой. точнее, последняя немного выше. vspace, align, ma…

    Asked by burn,

    0 votes
    3 answers

  25. Перекрытие границ?

    Народ взгляните на 2 скрина, в обоих видно то что отображается дебаггере (см.справа снизу), смысл в том что ИЕ почему то 2 раза (судя по показаниям дебаггера) прописывает нижний марджин, это происходит из за перекрытия границ или это какая то специфическая модель поведения ИЕ?

    Asked by TonKhaO,

    0 votes
    12 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