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. Опять резиновый сайт!

    Здравствуйте. Начал писать шаблон для сайта с нуля (до этого только переделывал под себя). Ну и естественно столкнулся с проблемой разрешений. Я понимаю что куча инфы в нете, но не могли бы вы мне индивидуально помочь, я плохо разбираюсь в ксс еще и поэтому если бы мне кто-то показал именно с моим примером было бы здорово. Собственно, Сайт состоит из Одной колонки, то-есть как лендинг пейдж и по бокам фон. Как сделать в принципе это понятно. Но у меня возник вопрос, что делать с картинками, в частонсти с шапкой? Как поступить? Размеры картинок указывать в проценте? Я вот тут уже не совсем разбираюсь. Как сделать к примеру самое большое разрешение и что бы эти картинки п…

    Asked by bobchinskiy,

    0 votes
    4 answers

  2. Текст прижать к правому краю DIVa.

    Здрасте. Пытался сделать это с помощью - text-align: right; , не сработало. Требуется в одной строке с <h1>MagicShine EAGLE F3,</h1>, но не в нём самом сделать надпись - "Опубликовано 5.06.2015." у правого края блока. Я указал смещение относительно - position:relative;, считаю это некорректно, вдруг размер блока для контента по каким-то причинам изменится, и надпись окажется не там. Вот оно на странице - http://велосвет.рф/china/mj-f3.html. Подскажите, как мне прижать к правому краю её ?

    Asked by Kompilator,

    0 votes
    6 answers

  3. Как запустить html код файла внутри другого файла html?

    Как запустить html код файла внутри другого файла html? Использую конструкцию вида <link rel="import" href="/podpiska.html"> Код подписной формы находится в файле podpiska.html А в нужном месте кода index.html вызываю форму подписку вот этой командой: <link rel="import" href="/podpiska.html"> Но почему то не работает. Поправьте меня пожалуйста.

    Asked by Марат,

    0 votes
    0 answers

  4. Минимальный макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5

    Помогите сделать минимальную макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5. Ширина LeftMenu + Content + RightMenu аналогична ширине основного блока текущего сайта(htmlforum.io). Другими словами не на всю ширину браузера, а по центру. Может для ширины таких элементов имеется какая-то практика? LeftMenu - привязано к левому краю контейнера. RightMenu - привязано к правому краю контейнера. Для примера... Пробую, всё скачет... https://jsfiddle.net/User65659/0jxt7qLg/45/ Аналог на картинке

    Asked by Ilya983,

    0 votes
    0 answers

  5. помощь в работе с float left

    Добрый день! Подскажите пожалуйста каким способом можно реализовать такую задачу! Имеется разрешениее XXX, при данном разрешении в контйнер влазиет 4 картинки, если разрешение YYY (больше XXX) то влазиет например 5 картинок. Вопрос как сделать так чтобы если пять полность не влязиет то оставшиеся 4 разместить по центру!

    Asked by tornton,

    0 votes
    0 answers

  6. Подскажите пожалуйста.

    Можно ли в этом меню изменить стиль sub-menu. <ul> <li><a href="#">Домой</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul> <li><a href="#">Ремонт</a></li> <li><a href="#">Перевозки</a></li> </ul> </li> <li><a href="#">Как нас найти</a></li> <li><a href="#">Реквизиты</a></li> </ul> ul { margin: 0; padding: 0; list-style: none; width: 150px; } ul li { position: relative; } li ul { position: relative; left: 0; top: 0; display: none; } ul li a { display…

    Asked by corol,

    0 votes
    1 answer

  7. Div внутри TD

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> #opt { border:1px solid black; width:200px; height:200px; position:relative; float: left; margin-right:10px; margin-bottom:10px; background-image:url(http://ya.ru/logo.png); } </style> </head> <body> <table width=100% border=1> <tr> <td width=300>тут будет меню!</td> <td> <div id=opt><img src=""> </div> <div id=opt><img src=""> </div> <div id=opt><img src=""> </div> <div id=opt><img src=""> &l…

    Asked by Alex654,

    0 votes
    3 answers

  8. Шрифт

    Подскажите как лучше всего вставить на сайт нестандартный шрифт... Я понимаю, что тема не новая, но ничего нормального не нашёл

    Asked by Glebr,

    0 votes
    3 answers

  9. th атрибут scope

    Иногда вижу в коде у тэгов th атрибут scope (значения col или raw). Что он делает я примерно представляю, но можно ли его использовать, то есть соответствует ли он стандарту XHTML?

    Asked by Djo,

    0 votes
    2 answers

  10. Убрать рамку с одного объекта, при наведении на другой

    Например, на странице http://www.akado.ru/porting/shema_podklyucheniya/ Рассматриваю менюшку слева Почему с li с классом current пропадает рамка при наведении на другой элемент li ?? Вроде это не javascript. Пробовал его отключать - и без него все чудесно работает. FireBug'ом смотрел не нашел Профессионалы, подскажите пожалуйста.

    Asked by warobushek,

    0 votes
    2 answers

  11. Почему только в Opera работает так, как надо?

    <style type="text/css"> table.switch { border: 2px groove #1d1916; background: #332D2A; margin: 0 auto; width: 60%; cursor: hand; } </style> margin: 0 auto ; - это отвeчает за то, чтобы таблица была по середине. Это работает только в Opera, FireFox, а в IE она отображается слевого края, как по умолчанию. Прошу помочь, почему такое различие. В одних браузерах всё как надо, а в IE такая проблема. И каким безболезненным способом её можно решить? Второе: cursor: hand; - это значит, что при наведении курсора на таблицу он изменяет свой вид на вид руки. В этот раз, это не рабоатет в FireFox, в IE и Opera работает как надо. А в файрФоксе курсор ведет …

    Asked by tolikrog,

    0 votes
    6 answers

  12. Высота таблицы

    Есть такая проблема. Есть страничка в ней таблица с двумя колонками. Как сделать так чтобы в случае малой заполнености колонок, низ таблицы был в самом низу окна браузера, но в случае добавления материала низ опускался ну и соотвественно в браузере появляется вертикальный скрол. В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через атрибут height, игнорируют. Как тогда задать высоту таблицы? Прижатием footer к низу страницы проблему решить тоже не удается. Footer находится внизу, а между таблицей и footer возникает пустое место.

    Asked by olgastaf,

    0 votes
    4 answers

  13. Серый фон блока

    Есть серый блок в макете (футер), никакого градиента в нём не видно.. но Пипетка в разных местах блока показывает разные цвета!! (оттенки серого). Как поступить?? Использовать какой-то один оттенок в качестве фон. цвета или Как?? Оттенки вроде по всему блоку разные - не похоже, что это градиент..

    Asked by DrStrangeLove,

    0 votes
    5 answers

  14. Проблема с таблицей

    Здравствуйте! Возникла маленькая проблема, не могу решить. Есть таблица, вот её приблизительный вид: Вот как выглядит таблица в коде: <table> <tr><td>1</td> <td rowspan="2">3</td></tr> <tr><td>2</td></tr> </table> Так вот, я поставил чёткие размеры высоты для 1 и 2 ячейки, но в 3 ячейке есть вкладки и нажимая на одну из них ячейка №3 увеличивается у высоту, при этом растягивая 2 ячейку. Как сделать чтобы размеры у 1 и 2 ячейках не менялись? P.S. Извините за запутанное объяснение, если что-то не понятно - спрашивайте.

    Asked by Plany,

    0 votes
    8 answers

  15. Как убрать цвет посещенной сылки

    как сделать так, чтобы все ссылки после посещения не меняли цвет?

    Asked by Vanilnaya,

    0 votes
    1 answer

  16. Как реализовать?

    Здравствуйте. Подскажите пожалуйся, каким образом реализован эффект при нажатии на льва сылка

    Asked by Alex&R,

    0 votes
    2 answers

  17. Изменение размера блока от контента

    Доброго времени суток, форумчане! Возник вопрос. У меня в вёрстке при сжатии окна браузера строки статуса и нахождения в онлайне переносятся на следующую строку. Как сделать так чтобы серая полоса, в которой это всё находиться увеличивалась по занимаемому элементами объёму и надписи не налезали друг на друга. Вот скрины и архив с файлами: http://zalil.ru/33707225

    Asked by Dimcore,

    0 votes
    6 answers

  18. описание transform-origin

    Доброе утро. Буквально вчера познакомился на практике с свойством transform. Далее, по файлу css который я пытаюсь разобрать, увидел свойство transform-origin, сразу полез в справочник css на сайте, но не нашёл этого свойства... Может плохо искал? Прочитал на другом сайте об этом свойстве, но как-то не очень доходчиво всё там расписано. Прошу администрацию сайта добавить описание данного свойства в справочник. Заранее благодарю.

    Asked by slo_nik,

    0 votes
    0 answers

  19. Как с помощью CSS/JS заставить принять родительский блок высоту резинового дочернего с абсолютным позиционированием?

    Есть такой код: <div class="parrent" style="position:relative"> <div class="child" style="width: 100%; position:absolute" ><img style="max-width:100%"></div> </div> Как вы видите, дочерний блок содержит в себе резиновое изображение и в зависимости от размера окна будет менять свою высоту, но при этом parrent будет оставлять свою высоту неизменной, т. к. дочерний имеет position: absolute. Как с помощью css/js заставить parrent принять высоту child?

    Asked by Rulingace,

    0 votes
    2 answers

  20. Как это реализовать ?

    http://s013.radikal.ru/i322/1409/cc/5a04ab101d33.jpg как сделать это ? боредром радиусом не получается.

    Asked by raptor-dm,

    0 votes
    6 answers

  21. адаптивные по высоте блоки

    Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок: img{max-width:100%;height:auto;}

    Asked by vip,

    0 votes
    7 answers

  22. Коварность navbar от bootstrap 3

    Здравствуйте. Возникла забавная ситуация с превращением сайта в адаптивный. Чтобы добиться свертывания категорий на узком экране я превратил их в компонент navbar. На узком экране(уже 768 пикс) они прячутся под словом "Категории +" Навбар заработал, но сама ссылка, по которой кликают, чтобы увидеть подкатегории, оказалась некликабельна и стала выполнять роль только кнопки, развертывающей список подкатегорий. Как сделать расскрывающийся список категорий товаров на бутстрапе 3 так, чтобы и категории прятались, и категория их раскрывающая оставалась кликабельна? Вариант показывать все категории и подкатегории сразу раскрытыми не предлагать Наверно надо треугольные стр…

    Asked by borus,

    0 votes
    3 answers

  23. меню перекрывает заголовки

    Добрый день ! проблема вот в чем при обновлении сайта если кликнуть на меню он переходит на нужный блок но перекрывает заголовок если второй раз нажать то он опускается на своё место http://front-end.hol.es/landing/all/

    Asked by pitbuli,

    0 votes
    2 answers

  24. Именная рассылка HTML

    Народ, всем привет. Нужна небольшая помощь. Нужно в html-письме сделать "именную рассылку". Нужен код, который это делает. П.С До словно: при отправке письма, человек получает письмо в котором аля : "Уважаемый, Сергей...." и так на 50 и более контактов.

    Asked by Remiurge,

    0 votes
    1 answer

  25. Отцентрировать один блок из трех относительно родителя

    Здравствуйте. Есть вот такой пример https://jsfiddle.net/5dnz61qu/ Мне нужно, чтобы центр зеленого блока всегда находился в центре родительского. У меня два варианта, но они оба мне не нравятся: 1) Абсолютное позиционирование. 2) Задать синему блоку такую же ширину, как и в красного. В блоках динамический контент, поэтому хотелось бы, чтобы они могли занимать все свободное пространство, а с этим вариантом такого не получится. Есть еще идеи?

    Asked by alex_web64,

    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