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. Проблема с кнопкой в Chrome

    Форма отображается нормально везде, но в Хроме элемент button смещается вниз. http://boom-x.su/ (вверху справа поиск)

    Asked by samoa,

    0 votes
    2 answers

  2. Не пойму как сварстать такое меню

    Здравствуйте! не пойму как быть с бекграундом каждого пункта меню при наведении курсора, тк каждый пункт под углом, не пойму как лучще сверстать эту задачку... А что думают профи?

    Asked by koshsh,

    0 votes
    1 answer

  3. Контент обнулился!

    http://updatedir.ucoz.ru/dir - вот сайт Проблемка)Верстаю дивно макет,сделал обтекание у элементов материалов слева и высота левого блока обнулилась.Как решить эту проблему?

    Asked by ELBegemotos,

    0 votes
    2 answers

  4. Баг таблицы

    Сделал таблицу с двумя ячейками (с неустановленной величиной высоты и ширины), в левой ячейке - картинка, в правой - текстовый контент. Проблема в том, что в ячейке с картинкой, под изображением почему-то всегда остаётся свободное пространство примерно в пять пикселей). Сначала думал что у картинки прозрачная полоса внизу, но оказалось что это не так. От чего так получается? Код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <head> </head> <style type="text/css"> td { padding: 0px; vertical-align: top; border: 1px solid black; } </style> <body> …

    Asked by Foxter,

    0 votes
    4 answers

  5. Что за непонятные пробелы между блоками?

    Задача – чтоб высота основного контейнера (темно-синий) подстраивался под высоту голубых, при этом голубые должны идти вряд не соскакивая вниз. Но вот здесь http://rozma.inf.ua/ видно, что между голубыми контейнерами есть какие-то просветы, которые спихивают последний блок на следующий ряд. В чем загвоздка – никак не пойму..

    Asked by lego904,

    0 votes
    2 answers

  6. Блок коментариев

    Помогите плиз!!!!! Как зделать вот такую засечку в скругленном блоке. Очень нужно!!! http://vk.com/doc124...b50ba86bb9b1e17

    Asked by Ali_99,

    0 votes
    2 answers

  7. Фон body из множества изображений

    Сломал голову, есть набор картинок это буквы слова. Надо сделать из них фон сайта и дать фон body. При этом картинки букв это отдельные файлы картинок, по ширине тянутся, следующая буква уходит в низ если не влезает, но предыдущая буква обрезается окном браузера, по высоте соответственно слово повторяется до бесконечности, и соответственно повторяются буквы слова по кругу. Не подскажите как реализовать?

    Asked by okunev2,

    0 votes
    3 answers

  8. Макет в несколько столбцов с содержимым разной высоты

    Здравствуйте! Такая проблема: Из базы данных приходит список новостей. Каждая новость — это картинка, заголовок и поясняющий текст. Все новости помещаются в несколько колонок (от 1 до 3 в зависимости от ширины окна). Все новости одинаковой ширины но разной длинны. Нужно сверстать примерно такой макет: При этом нужно сохранить порядок новостей. И вот не могу придумать, как такое сделать... Очень хочется без js. Используется django, шаблонизатор родной. Если все-таки JS — к сайту прикручен JQuery.

    Asked by Zelta,

    0 votes
    2 answers

  9. Помогите исправить

    Добрый день всем.Помогите подправить. Сейчас так. http://worldwideshop.ru/podpiskatest/ А нужно так /* Theme Name: WP Theme URI: www.webografica.com Description: Author: Mykola Stetsyshyn www.webografica.com Version: 0.1 */ @import url("reset.css"/*tpa=http://www.worldwideshop.ru/wp-content/plugins/wppage/css/reset.css*/); @import url("review.css"/*tpa=http://www.worldwideshop.ru/wp-content/plugins/wppage/css/review.css*/); @import url("buy_buttons.css"/*tpa=http://www.worldwideshop.ru/wp-content/plugins/wppage/css/buy_buttons.css*/); @import url("bullets.css"/*tpa=http://www.worldwideshop.ru/wp-content/plugins/wppage/css/bullets.css*/); @import url("bonus.css"/*tpa=h…

    Asked by cannibalua,

    0 votes
    1 answer

  10. Чем проверяете "кроссбраузерность"?

    Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?

    Asked by Zverushka,

    0 votes
    3 answers

  11. Проблема с background часть 2)

    После того как решил данную проблему http://htmlforum.ru/index.php?showtopic=46671&hl= у меньшение маин дива появилась другая скрин как сделать что бы курсоры слайдера были на своих местах?сайт и всё остальное в прошлой теме.

    Asked by denisok,

    0 votes
    2 answers

  12. Переопределение стилей в адаптивной/отзывчивой верстке.

    Приветствую! Знающие люди, подскажите пожалуйста. Как правильно использовать классы и свойства так, чтобы не было переопределения стилей? Либо хотя бы сократить их до минимума. Если не сложно, приведите пример.

    Asked by massef,

    0 votes
    1 answer

  13. Фиксированный ширины div

    http://jsfiddle.net/V3f36/ Как сделать, чтобы div - left не растягивался по всей ширине, а переносил текст согласно размеру 100px.

    Asked by SLameN,

    0 votes
    2 answers

  14. Некорректное отображение фона в Опере

    Доброго времени суток всем. Есть проблема отображения фона сайта. На сайте http://imghost.vitaliy43.ru в Опере задник выглядит некорректно, переходы между цветами не плавные и незаметные, как в других браузерах, а резкие. Однако тот же самый задник на локальном сайте, под Windows, выглядит абсолютно корректно во всех браузерах. Итак, корректное отображение - Во всех браузерах, кроме Оперы. Некорректное - Только в Опере. Сам фон задается в стилях такой строчкой: background: url(../images/html.png) repeat-y 50% 0 #3B5999; В чем может быть причина такого отображения в Опере?

    Asked by vitaliy43,

    0 votes
    2 answers

  15. Синхронизация вкладок

    Доброго времени суток, всем! Есть проблема синхронизации вкладок (табов) на сайте. Без примера, не объяснить, вот сайт: http://meatup.ru 1. Сайт в одну страницу и менюхи, которые Вы наблюдаете, вверху и внизу экрана и есть вкладки; 2. Кликая по ним, мы открываем соответствующую вкладе область в левой половине сайта; Косяк в следующем: 3. Жмите на вкладку из верхней менюхи, например, "О Нас" - открылась соответствующая область; 4. Теперь на любую вкладку из нижнего меню, например, "Термообработка" - и тоже, область открывается; 5. А вот, если мы опять нажмем на "О Нас" - то ничего не произойдет, т.к. вкладка осталась активной с прошлого раза. По отдельнос…

    Asked by Pechkin,

    0 votes
    1 answer

  16. Шапка для слайдера

    Как лучше поступить с шапкой для Видео слайдера и аналогично для Фото слайдера? Суть вопроса: Слайдер будет под видео разрешением 1280х720 px уменьшать не хочется На мониторе с разрешением 1920х1200 px коим я всегда пользуюсь места навалом и вопросов нет: по вертикали остается 250px и по 320px по бокам(режим пол. экран). На мониторе с разрешением 1280х1024 слайдер умещается впритык по горизонтали, а по вертикали остается 72 px с гулькин х.. Снимок экрана с разрешением 1280х1024 px вот На стартовой странице шапка высотой 150рх Что посоветуете аксакалы начинающему?

    Asked by Alex_,

    0 votes
    1 answer

  17. тег address

    существует тег <address>. в спецификации html и справочнике htmlbook написано, что он предназначен только для выделения адреса автора сайта. часто вижу, что им выделяют любые адреса. допустимо ли такое? использовать его несколько раз на одной странице, как я понял, можно(раз в спецификации ничего не сказано про это)?

    Asked by cyklop77,

    0 votes
    3 answers

  18. Подскажите начинающему

    <div style="width: 600px; height: 500px; "> <div style="position: absolute; bottom: 15px; right: 15px;"> <img src="i/string_line.png"></img> </div> </div> Почему картинка позиционируется относительно окна браузера, а не родительского div'а? Как сделать, чтобы было относительно родительского div'а?

    Asked by oke11o,

    0 votes
    3 answers

  19. Блок в блоке,сохранение состояния предка

    Добрый день! Столкнулся с проблемкой: есть такая структура: <ul> <li><a><img src="images/xxx.jpg"</a><div class="text">текст описания</div></li> </ul> Должно выглядит это следующим образом: Когда мышка не наведена: на объект выводится картинка, на ней выводится текст, ближе к низу. Картинка в рамке. Когда мышка наведена: цвет рамки и текста меняется, текст становится подчеркнутым, рамка меняет цвет. Это все реализовано, но возникает баг - когда мышка наводится на текст, рамка меняет свой цвет на тот, который был!! Как сделать так чтоб цвет рамки оставался прежним, когда мышка наводится на текст? Посоветуйте пожал…

    Asked by arrtem,

    0 votes
    3 answers

  20. точность аргумента letter-spacing

    скажите, с какой точностью можно устанавливать значение аргумента letter-spacing ? есть ли проблемы с пределом точности в разных браузерах, ОС, платформах и т.д.?

    Asked by cyklop77,

    0 votes
    2 answers

  21. Вопрос про селекторы

    Вот смотрите допустим html код следующий - ... <body> <div id="wrap"> <div id="left"> <div class="menu"> <h2>Menu</h2> <span class="main_menu">Main menu</span> </div> </div> <div id="content"> ... </div> </div> </body> ... Как ГРАМОТНО обратиться к ГЛУБОКИМ селекторам? Нужно ли писать ДЛИННЫЕ последовательности? Понятно что сработает любая запись, и понятно что из-за длинных записей увелич-ся размер док-та, но все же. Лично мне удобней писать длинные последовательности. А правильн…

    Asked by FoxyFru,

    0 votes
    1 answer

  22. Помогите сделать три DIV блока

    Здравствуйте. Хочу решить задачу, решение которой вижу в табличном варианте: таблица из трёх колонок (первая 540px, вторая 200px, третья 200px) Как реализовать через DIV блочную вёрстку? Заранее очень благодарен.

    Asked by DarkTranquillity,

    0 votes
    1 answer

  23. Проблема с background сайта

    Здравствуйте, столкнулся с такой проблемой, а точнее с бэкграундом: И никак немогу догнать как его правильно сверстать, чтоб он тянулся и по горизонтале и по вертикале (получается только чтоб тянулся по горизонтале) А вот по вертикале проблемка: <div id="cont_hbg"><div id="cont_bbg"><div id="cont_lbg"><div id="cont_rbg"><div id="cont_h_l"><div id="cont_h_r"><div id="cont_b_l"><div id="cont_b_r"> тут контент </div></div></div></div></div></div></div></div> #cont_h_l {background:url(../images/profile/cont_h_l.png) no-repeat top left;} #cont_h_r {background:url(../images/pr…

    Asked by Sprime,

    0 votes
    3 answers

  24. text-align внутри блока

    Добрый день! Есть у меня блок .block{height:; width:; border:; padding:; float:; margin-right:;} Для этого блока хочу добавить заголовок. .new{text-align:center;} И уже в коде html <div class="block"><span class="new">Some text</span> </div> Но не получается, текст не выравнивается по центру. Почему?

    Asked by Ester,

    0 votes
    4 answers

  25. появляется пустота

    Ребята, вот появляется пустое место в контейнере. Что это может быть, и как от этого избавиться?

    Asked by Dima 01,

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