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

29542 questions in this forum

  1. Почему не центрируется блок?

    Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …

    Asked by nikki4,

    0 votes
    2 answers

  2. Шапка поверх на меню возможно?

    Как добиться такого эффекта, чтобы шапка(беграунд) налезала на меню, а не наоборот как сейчас? https://jsfiddle.net/5dbkc64w/

    Asked by viliksar,

    0 votes
    6 answers

  3. Внешний вид полос прокрутки

    Хотелось бы изменить внешний вид полос прокрутки. Как это сделать для IE - уже нашел. А для Mozilla что нужно прописать в коде? И можно ли в один css впихнуть и для IE и для Mozilla?

    Asked by styleroom,

    0 votes
    3 answers

  4. Rак сделать загрузку картинки

    Подскажите пожалуйста как сделать загрузку картинки чтобы она загрузилась сразу вся в плахом качестве а потом начила подгружаться по качеству?

    Asked by antonP,

    0 votes
    4 answers

  5. Как "округлить" картинку?

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

    Asked by Рося,

    0 votes
    3 answers

  6. растягивание div'а по высоте

    Здравствуйте всем, на страничке нужно сделать "модальное" окно. Для перекрытия всего контента использую div с абсолютным позиционированием и прозрачным фоновым рисунком. Проблема в том, что если контент по высоте превышает высоту браузера, то перекрывающий слой располагается только по высоте браузера. В IE проблему решил через expression, а вот в опере проблему решить никак не удалось. Как можно разрулить эту ситуацию? P.S. краткий код CSS html, body { width:100%;height:100%; } #disabler { position:absolute; z-index:200; top:0; left:0; width:100%; height:100%; ... }

    Asked by a_web,

    0 votes
    4 answers

  7. IE Нецентрует дизайн !

    Проблемка ! Есть диз все браузера показывает его как нада , но как всегда в IE всё портит ! Вот кодик HTMl <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta name="generator" content="PSPad editor, www.pspad.com"> <link rel="stylesheet" href="css.css" type="text/css" media="screen" /> <title></title> </head> <body> <!-- wrapper --> <div class="wrapper"> <!-- <header> --> <div id="header"> <!-- header_logo --> <div id="header_logo"> <a id="logo" href="*">AllAbo…

    Asked by darewangog,

    0 votes
    2 answers

  8. Вертикальная резина

    Сайт резиновый по ширине - понятно, много раз видел. Но что значит сайт вертикально резиновый?? Как выглядит вертикально резиновый сайт?? Можно примеры с отличиями от вертикально нерезиновых?? Заранее Спасибо!!

    Asked by DrStrangeLove,

    0 votes
    7 answers

  9. footer внизу, проблема с Mozilla

    Добрый день. Ситуация такая: нужно сделать, чтобы футер был всегда внизу страницы. При этом фон контента всегда должен заполнять всю область страницы до футера. Может, не совсем понятно объяснил, мозги уже не работают. Вот работающий пример, который мне удалось сделать. Все работает нормально в браузерах IE6+, Opera и Google Chrome. Не работает в Мозилле - фон контента, если его мало, не заполняет всю область страницы до футера. Уже не знаю, что делать. Подскажите, в чем может быть проблема? Заранее спасибо за любую помощь. Исходный код: (основной блок main, в нем лежат блоки контент и футер. В блоке контент добавляется пустой блок empty, равный высоте футера, чтобы содер…

    Asked by uNkind,

    0 votes
    6 answers

  10. Как сверстать заголовок?

    Вот что надо получить: лого и название компании есть единая ссылка, причем название отцентрировано относительно лого. Этот блок + телефон с адресом отцентрированы по вертикали в отдельном контейнере А вот попытки: <div id ="preheader"> <a href="/" alt="ООО Агроминералпро">ООО "Агроминералпро"</a> <div id="contact"> <span> <p>(8793)38-35-87</p> <p>г. Пятигорск, ул. Ермолова, д.12А</p> </span> </div> </div> CSS: #preheader{ margin: 5px auto; width: 1000px; height: 70px; border:1px solid black; vertical-align:middle; display:table-cell; position:rela…

    Asked by borus,

    0 votes
    6 answers

  11. Как реализовать рваный край с градиентным фоном

    Вот как реализовать это? И чтобы на всю ширину страницы....С двух сторон елочки градиенты....

    Asked by Zverushka,

    0 votes
    6 answers

  12. Список li и noindex

    Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/"&gt…

    Asked by efendi,

    0 votes
    3 answers

  13. Как правильно верстать горизонтальное меню?

    Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет. Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились? Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет. Может быть указать отступы в pt или em? Пробую но не получается. Сейчас заметил что пр…

    Asked by Rooner,

    0 votes
    4 answers

  14. Помогите решении проблемы начинающему.

    Есть 2 слоля: 1 - 40% в ширину, но не менее 200пикселей, 100% в высоту, залика фона черным, fixed. в этом сое меню. 2 - 60% в ширину, не статичный. всем все остальное. Собственно в впринципе как их расположить рядом - не проблема.. это все сделано, прочитано, реализовано и понято, НО! Когда сжимаешь экран - левое поле доходит до 200 пикселей и останавливается. Правое же поле все-равно сжимается и текст заходит за левое поле. Как сделать так, чтобы правое поле не заходило за левое?? Пример кода: <body> <div class="fon"></div> <div class="content">111111</div> </div></body> CSS:.fon {width:40%; min-width:200px;position:fix…

    Asked by Borodulka,

    0 votes
    7 answers

  15. Вертикальное меню CSS

    Привет всем, у меня возник вопрос не могу найти ответа в гугле.. В общем такая проблема и вопрос. Есть вертикальное меню с подменю нужно сделать так что бы оно было фиксированным, это я знаю как сделать position: fixed; но тут возникает проблема что когда открываешь подменю и в нем больше пунктов чем может вместится на экране их просто не видно за пределами... Вот и возникает вопрос как сделать так что бы оно было фиксированным и в тоже время подменю скользили вместе с экраном при прокрутке (извините за тавтологию) не знаю как это еще объяснить)

    Asked by kokos,

    0 votes
    5 answers

  16. Почему IE 6+ не показывают маркеры нумерованного списка

    Перед постом как мог облазил все здешние форумы. Если пропустил похожую тему - не взыщите. Суть: для всего сайта сделан reset маркеров нумерованного списка, но в одном из списков маркеры понадобились. С их ввожу - list-style: inherit . Все браузеры начинают их показывать кроме IE. Рисет убирать - НЕЛЬЗЯ (это не обсуждается). Нельзя также изменять DOCTYPE и кодировку. Прошу помочь. <!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=windows-1251" /> <title>Маркеры…

    Asked by mamadu,

    0 votes
    2 answers

  17. Как создать сагрузку

    Как создать типа окна загрузки до полной загрузки страницы! Типа как на http://www.trywarcraft.com/index_ru.html Но можно и проще то есть просто по центру

    Asked by angelShlesser,

    0 votes
    3 answers

  18. Что-то непонятное с line-height

    Имеется такой пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV { width:100px; height:300px; background-color:#CCC; line-height:12px; } SPAN { color:#F00; background-color:#CC0; font:12px/12px "Lucida Console"; margin:0px; } </style> </head> <body> <div> <span>слова слова слова слова слова слова слова слова слова</span> </div> </body> </html> В мозиле, опере и хроме непонятные промежутки в …

    Asked by Колос,

    0 votes
    8 answers

  19. Как выбрать только используемые стили

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

    Asked by astone,

    0 votes
    3 answers

  20. Как изменить анкор ссылок через CSS ?

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

    Asked by kpripper,

    0 votes
    3 answers

  21. Можно ли сделать ссылку на Facebook для тех кто там не зарегестрирован.

    Клиент просит ссылку на свою страницу в Facebook. Все прекрасно если вы уже туда залогинились. А если нет? А если вообще вас там нет? Тогда открывается страничка, которая прости вас зарегистрироваться. Можно ли это дело миновать и сделать прямую сылку? Спасибо!

    Asked by shavedhead,

    0 votes
    5 answers

  22. Как убрать лишний отступ

    Есть 3 блока по 50 пх и отступом между ними 10 пх. Как их засунуть в другой блок размером 50+50+50+10+10 = 170 пх Главная проблема в том, что все внутренние блоки одинаковые - никак нельзя их различить по классу или id. Вот пример, http://jsfiddle.net/EDAT8/ тут блок 180 пх - на 10 пх больше, так как мешает лишний отступ.

    Asked by alleclf,

    0 votes
    6 answers

  23. Подскажите лучший вариант верстки такого

    Необходимо сверстать ряд блоков друг под другом. Все как у самых простых div'ов, но только занимать они должны по горизонтали не 100% места, а определенное минимальное значение и потом расширяться по мере необходимости. Вот ищу самый "красивый", с точки зрения кода, метод.

    Asked by USF,

    0 votes
    9 answers

  24. Как выравнить картинку в DIVe по низу

    Помогите выравнить картинку по низу без backgrounda.... может есть способы.... Пробовал vertical-align: bottom; - не выравнивается.... Вот ссылка: http://one-gi.ru.terra.mtw.ru/test/vertical.html Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> <!-- --> </style></head> <body> <div style="height:300px; width:500px;vertical-align: bottom; text-align:center; border:#00FFFF 5px solid;"> <img src="/test/…

    Asked by antonP,

    0 votes
    1 answer

  25. colgroup align работает в IE, но не в FF

    <colgroup span="4" align="center" valign="middle"> <col width="150"> <col width="*"> <col> <col> </colgroup> почему-то IE выравнивает текст внутри ячеек как надо, а FF всё делает по левому краю (отказывается понимать). как исправить?

    Asked by Rilo,

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