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. Поведение :hover у псевдоэлементов

    Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

    Asked by Kelenar,

    0 votes
    7 answers

  2. выравнивание в линию нескольких div-ов по центру

    Здравствуйте, я нович в вёрстке исользую dremwuver 8, возникла следующая проблема. Сайт сделан таблицей из нескольких ячеек. Внутри самой большой мне нужно поместить четыре одинаковых блока (div). Но у меня не получается чтобы в общем все 4 были по центру. В самой ячейке таблицы ставлю выравнивание "center". В CSS стиле для div-ов ставлю ширину 155 px, margin=15 px, float=left - чтобы они встали друг за другом. Открываю в IE6 всё нормально, но как только в Mozila или в Opera, эти дивы смещаются к левому краю, и межстрочный интервал уменьшается. Помогите пожайлуста решить проблему.

    Asked by drimer,

    0 votes
    7 answers

  3. Обрезается фон при прокрутке

    Имеется вот такой простейший код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <div style="background: url('img.jpg') no-repeat center top; height: 200px;"> <img width="1000" height="1"> </div> </body> </html> То есть имеется DIV, у которого прописано фоновое изображение. Это изображение не должно повторяться и заполнять DIV, а располагаться сверху и посередине блока. DIV имеет некоторое содержимое (в данном случае картинку) которое не дает ему сжиматься и при сжатии окна появляется полоса прокрутки. Так вот проблема в том …

    Asked by ZooY,

    0 votes
    7 answers

  4. маштабирование

    Как настроить сайт под маштабирование? Когда отдаляешь страницу , все элементы смешиваются , вот код, заодно можете сказать все ли в порядке с кодом? Или где-то дыряво написано <!DOCTYPE html> <html lang="ru"> <head> <title>Ethereal - Начать играть</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="assets/images/favicon.png"> <link rel="stylesheet" href="assets/css/StartTheGame.css"> <link rel="stylesheet" href="assets/css/Fonts.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:…

    Asked by Devor,

    0 votes
    0 answers

  5. округление углов с помощью тэга background

    что-то мозгов не хватает, подскажите как реализовать. П.с. если фоном таблицы уже является рисунок.

    Asked by Podarok2323,

    0 votes
    1 answer

  6. Резиновый макет 3 колонки: проблема в IE и Opera

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

    Asked by Shar,

    0 votes
    6 answers

  7. не работает margin:0 auto;

    Доброго времени суток, столкнулся с такой проблемой, искал решение, нашел на вашем форуме похожую тему но рекомендации оттуда мне не помогли, проблема в том что я не могу отцентрировать блок div .mobnamaz{ padding:31px 3px 3px 90px; width:100%; } @media only screen and (max-width : 767px) { .mobnamaz { position: relative; width:100%; padding:0; margin:0 auto !important; } } собственно блок должен центрироваться только на мобильных устройствах, на данный момент в результате экспериментов у меня получился вот такой код, но это не работает. Вот собственно и сам div <div class="mobnamaz"> <iframe></iframe> </div> если…

    Asked by itook.ru,

    0 votes
    2 answers

  8. Не работает min-height : 100% в FF

    Добрый день Вот пример сайта http://www.ulskiy.org.ua/example/ У наружного блока .contentbody и у елемента body задано свойство min-height : 100%; Если открыть его на мониторе с разрешением 1280 на 1024 в броузере Firefox, то будет видно, что это свойство не работает. Подскажите пожалуйста как решить эту проблему

    Asked by Casufi,

    0 votes
    5 answers

  9. Рандомный цвет в переменной

    Приветствую! Имеется код, в котором переменная "t" содержит случайный цвет. Как сделать, чтобы при нажатии на кнопку, div заливался случайным цветом? <html><head> <meta charset="utf-8"> <style> #box { width: 25px; height: 25px; border: 1px solid black; margin: 20px; } </style></head><body> <input type="button" onclick="randomColor()" value="ЖМИ"> <div id="box"></div> <script> function randomColor() { document.getElementById("box").style.backgroundColor = "red"; var t = '#' + (Math.round(Math.random(99999999, 1) * 99999999)).toString(16).substr(1);}…

    Asked by samec1337,

    0 votes
    9 answers

  10. Как создать контейнер? (Вроде так называется)

    Сайт полностью статичен, на хтмл. Страничек много.. Иногда добавляю статьи. Нужно чтоб ссылочка на новые статьи появлялись на всех страничках.. Фреймы использовать не хочу. Какая альтернатива фреймам? Могу ошибаться, но помоему сущевствуют т.н. контейнеры.. Что бы изменить в одном файле ссылочки, закинуть на сайт и ссылочки появятся на всех страничках.. Буду ОЧЕНЬ благодарен, если что-то посоветуете или подскажете код. Просидел всю ночь, ничего не смог придумать. Спасибо!

    Asked by belcatalog.ru,

    0 votes
    20 answers

  11. Убрать пунктирную рамку с картинки-ссылки в момент нажатия

    Привет. Подскажите, пожалуйста, как убрать пунктирное выделение с картинки-ссылки в момент нажатия? Стоит explorer 9. Только начинаю учиться, на форумах ничего не нашла. Не сплю второй день уже. <html> <head> <title>Пунктирная рамка</title> </head> <body> <a href="index.html"> <img src="home1.bmp" align="left" border="0"> </a> </body> </html>

    Asked by Эма,

    0 votes
    19 answers

  12. Скрытие/Раскрытие колонок таблицы путем подмены класса ячейки через Javascript

    Добрый день, пожалуйста, подскажите Новичку! Задача. Есть достаточно большая таблица, которая должна быть пригодна для ручного редактирования в Визивиг-редакторе системы CMS. При показе ее на сайте должна отображаться только самая левая колонка ПЛЮС еще одна колонка(группа колонок), зависящая от выбранного пользователем варианта. Поискав на разных форумах нашел что-то подобное, что вроде бы должно работать одинаково в основных браузерах. Адаптировал найденное под нашу задачу, проверяя работу под IE. НО потом оказалось, что в Опере и FF скрипты работают, но несколько по другому. ПОЧЕМУ - понять не могу. Прошу помощи в исправлении ошибки. Буду благодарен, если предложите …

    Asked by Avihr,

    0 votes
    4 answers

  13. HTML5 - валидное отключение кэширования html-страницы..

    сабж такой.. в head'е старницы выставляю согласно вот этому <meta http-equiv="Cache-Control" content="no-cache"/> данный валидатор ругается.. кстати, пендосы тоже по этому поводу плачут)) - в самом низу пост от некоего "Raanan Avido".. вобщем, ничего из кода ниже не подходит.. <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="cache-control" content="no-store" /> да и не сможет подойти, потому как в HTML5 согласно этому материалу у http-equiv есть следующие значения - "content-language, content-type, default-style,…

    Asked by summer_rain,

    0 votes
    2 answers

  14. z-index и select

    Всем привет! Помогите селект за дивку спрятять!!!!! Вот код: <div style="position:absolute; left:43px; top:4px; z-index:10; background:#CCC; height:200px; width:200px;"></div> <select> <option>111111111</option> <option>2222222222</option> <option>3333333333333</option> <option>4444444444444444</option> </select>

    Asked by romlex,

    0 votes
    7 answers

  15. Опять ж таки резиновый дизайн двухколоночный

    Народ, знаю, что резиновый дизайн двух колонок обсуждался сто раз. Но нигде не встречал именно верстки, удовлетворяющей следующим условиям: 1) верстаем блоками 2) две колонки. первая - фиксированной ширины, слева. вторая - растягивается во всю ширину экрана 3) высота обоих колонок одинаковая (контент любой колонки задает высоту и другой колонки) 4) наконец, высота другой колонки реальная, а не задается border. Есть решение этой задачи? <div id="header"></div> <div id="content"> <div id="left_col"></div> <div id="right_col"></div> </div> <div id="footer"></div> Какой-нибудь css к этому....

    Asked by AntonSubbota,

    0 votes
    19 answers

  16. vertical-align: baseline

    vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?

    Asked by allmoney.ws,

    0 votes
    5 answers

  17. Вертикальное выравнивание внутри дива.

    Вертикальное выравнивание внутри дива. Научите правильно это делать кросбраузерно и именно через vertical-align: middle Вариант с padding или line-height не подходит. Интересует, как правильно выравнивать по вертикали текст или другой див. Заготовил формочку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0;} .max1 { height : 300px; background: red; } .max2 { height : 300px; background: black; } .max2 div { height : 50px; width : 50px; background: green; } </style> </head> <body> <div class="max1"&gt…

    Asked by Semreg,

    0 votes
    9 answers

  18. Смещение блоков при увеличении / уменьшении масштаба

    Всех приветствую. Возникла проблема. При увеличении / уменьшении масштаба просмотра страницы сайта, смещаются блоки. Например: Обычный вид: Уменьшение: Требуется зафиксировать положение.

    Asked by Evans,

    0 votes
    11 answers

  19. Растяжка div с заданным float по высоте родительского div'а

    Долго мучаюсь, но что-то не выходит. Случай вроде бы распространенный, но найти решение в интернете так и не смог. Структура довольно простая. <div class="main"> <div class="mainleft"> меню </div> <div class="mainright"> содержание </div> </div> вот их стили .main { width: 90%; background-color: #FFFFFF; } .mainleft { width: 200px; background-color: #FF0000; float: left; height: 100%; } .mainright { background-color: #FFFF00; margin-left: 210px; height: 100%; } Задача: при растягивании одного из дивов (к примеру правого), левый должен стать такой же высоты и наоборот. У меня же получается так: правый див растягивается, раст…

    Asked by PCSpeaker,

    0 votes
    2 answers

  20. Sublime text 3 problem with snippets

    Установлен ST3 + Emmets, не работают snippets в css, в html все ок. Т.е. после табуляции он добавляет пробел и символ " ; " Проблема вроде как в emmets. Как на время этот плагин отключить кстати? И как сделать чтобы все работало вместе с этим плагином?

    Asked by TrueMax,

    0 votes
    9 answers

  21. Не могу понять

    Извините, конечно, что повторяю некоторые проблемы, но: Мозила фаир 3 не хочет отображать картинки, ИЕ отображает, искал решение, подсказали относительные папки и всё такое, помогите разобраться, допустим картика находиться тут: c:/www/images/picture.png (изначально так писал) то относительный адрес будет таков: images/picture.png (я так написал, картинка не отображалась) или каким адресом, если не трудно напишите. Заранее спасибо.

    Asked by Yahoo!,

    0 votes
    13 answers

  22. Проблема с плавающим фреймом

    Здравствуйте! На странице имеются плавающий фрейм (чат) и скрипт для его сокрытия/показа по клике на ссылку. Все прекрасно работает во всех браузерах, кроме Лисы. Почему-то, при назначении свойства display:none через атрибут style непосредственно диву с фреймом последний тут же куда-то уезжает. Причем в остальных случаях (например, при вытаскивании свойства через айдишник и подвешивания на наведение/убирание мыши) никаких проблем не возникает. Прошу помощи в поиске мистической связи свойства с глюком и способов его решения. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>..…

    Asked by Gamer,

    0 votes
    28 answers

  23. кроссбраузерная верстка 3-х столбцов

    Прошу помощи дизайнеров. Есть у меня тривиальная задача. Но не получается у меня все красиво сделать. Мне нужно сверстать главную страницу, а именно информационную часть (то что находится между header и footer). В таблицах такое делается без проблем, но вот Дивами у меня никак не получается. Во вложении нарисовано как это должно выглядеть. Помогите с версткой.

    Asked by Unsiker,

    0 votes
    19 answers

  24. "железная ширина"

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

    Asked by maza,

    0 votes
    13 answers

  25. Вёрстка сетки товаров.

    Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> &…

    Asked by Ivan_A,

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