HTML Coding

29,542 questions in this forum

1. Снять галочку по умолчанию с checkbox

   Есть у меня на форме один чекбокс. Как можно сделать, чтобы при загрузке страницы он не был отмечен галочкой? Яваскрипт не предлагать...

   Asked by milax, September 29, 2008

   0 votes
   10 answers
2. Не отображается background-image

   Вопрос такой: указываю див'y : background-image: url(img/header.png) no-repeat; Картинка не появляется. Стоит указать width и height так сразу появляется. Еще указываю размер картинки, но почему не показывает. Стоит указать на 10px больше высоту, так сразу появляется. Вопрос: обязательно ли всегда указывать размер картинки, если да, то во всех же браузерах по-разному будет отображаться?

   Asked by Ars, September 18, 2017

   • background-image
   0 votes
   5 answers
3. Увеличить картинку красиво

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

   Asked by Accessdenied, July 21, 2008

   0 votes
   32 answers
4. 2 inline-block - один слева, другой справа.

   Представим блок, внутри которого находятся 2 блока со стилем Inline-block (это им подходит по смыслу). Как мне разместить один блок у левого края, другой у края справа? Если я ставлю правому блоку до кучи стиль float: right, то мое оформление как Inline-block (то есть я не задаю ширину, а только паддинги и блок сам растягивается по соедржимому) почему-то сохраняется, кстати да - ведь так и должно быть? плавающие блоки не растянуты на всю ширину, а автоматом подстраиваются под содержимое... Не хотелось бы выводить элемент из потока, хм... Но видимо другого способа нет? УПД. Проблема еще в том, что эти блоки выравнены вертикально по центру.

   Asked by Zverushka, October 6, 2013

   0 votes
   11 answers
5. Как прижать дочерний блок к низу родительского ?

   Подскажите, как прижать дочерний блок к низу родительского. Разметка такая: <div class="wrapper"> <div class="content"> Здесь некий контент </div> <div class="bottom"> Здесь тоже какой-то контент </div> </div> Вот этот вот блок bottom мне и нужно прижать к низу блока wrapper, и чтобы он был снизу независимо от количества текста в блоке content. Подскажите, пожалуйста.

   Asked by dimacat, November 28, 2010

   0 votes
   4 answers
6. Быстрая верстка

   Вопрос для опытных кодеров. У каждого кодера есть свои фишки и способы верстки либо способы о которых вы наслышаны. Меня интересуют способы повышения скорости вестки при неизменном качестве. Давайте меняться. Начать могу и я. Часто для ускорения работы польностью разделяют HTML и CSS. Тоесть сначала верстаем чистый HTML, а когда все готово, включая тестовый контент, навешиваются стили. Такое разделение по мнению некоторых кодеров может сократить общее время верстки страницы.

   Asked by codriter, April 25, 2009

   0 votes
   74 answers
7. Слайдер Slick

   Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?

   Asked by ErUnDAK, February 26, 2017

   • слайдер
   • css
   • html
   0 votes
   9 answers
8. Как можно ссылку выровнять по правому краю?

   Не знаю даже прям почему но никак не выходит выровнять по правому краю ссылку <a href=\"#comment\" class=\"reaply\" id=\"".$row['comment_id']."\">Ответить</a> Пробовал text-align: right; не помогает. ————- Уже разобрался путем подстановки в <div></div>

   Asked by Saturn, October 10, 2011

   0 votes
   4 answers
9. Div внутри table

   Есть таблица, внутри которой находятся два div'a, один внутри другого, не понятно как так получается, но если поставить отступы, то все съезжает вправо... http://aionzone.ru/themes/aionzone/test.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test Page</title> <style type="text/css"> body{ margin: 0; padding: 10px; } div.shape{ padding: 10px; border: 1px dotted blue; width: 100%; height: 100%; } table{ border: 1px solid red; margin: 0; padding: 10px; } </style> </head> <body> <table cellspacing="0" cellpadding="0"> …

   Asked by Kenshi45, March 2, 2009

   0 votes
   5 answers
10. Дергается браузер в Opera

    Собственно, часто вижу сайты, в которых в Opera дергается экран. А точнее сказать - поднимается на разное расстояние от низа страницы. последнее, что пришло в голову http://intoishn.ru/webdesign Смотреть в Опере. Сайт не мой, но таких много. Кто-нить сталкивался с таким? Отчего так происходит? Самое интересное то, что на одной странице прыгает, а на другой (с точно такой же структурой по вёрстке) - нет. Сверстал очередной проект - та же проблема. Не могу найти закономерность. Спасибо.

    Asked by DjTarik, August 11, 2010

    0 votes
    33 answers
11. Проблема с простой формой

    http://forum.htmlbook.ru/index.php?showtopic=14379 Взял макет из этой темы... не могу "прикрутить" сбоку лупу http://albert-verstka.narod.ru/Froma-2/Tabl.html

    Asked by альберt, August 18, 2009

    0 votes
    1 answer
12. ограничение количества символов в тексте

    Подскажите, как можно грамотно расположить текст различной длинны в блоках одинакового размера? Если использовать overflow hidden то часто символы разрезаются пополам.

    Asked by maxs, October 9, 2010

    0 votes
    5 answers
13. Как изменить стрелки в форме <input type="number">

    Подскажите, пожалуйста, как сделать так, чтобы стрелки в теге <input type="number"> были другие, но при этом также работали? по умолчанию они выводятся стандартные

    Asked by Lady_V, March 20, 2015

    0 votes
    6 answers
14. Какой шаблонизатор самый лучший?

    Добрый день. Скажите пожалуйста, какой шаблонизатор является самым лучшим и в то же время простым?

    Asked by vvsh, January 15, 2009

    0 votes
    26 answers
15. Стиль активной кнопки. Проблемы с заменой канртинки

    Здравствуйте! Возникла небольшая проблема с вёрсткой. Есть html: <div class="best"> <div class="slider"> <img src="img/food.png"> </div> </div> Есть css: .slider:active > img { background-image: url("../img/block.png") } Моя цель, чтобы на картинку, которая из html загружался сферху фон из css (block.png) по клику. Но выходит так, что фон (block.png) загружается за картинкой из html (food.png) и ощущение, что ничего не происходит.

    Asked by Jo_Sky, June 24, 2014

    • картинка
    • кнопка
    • замена
    • вёрстка
    • active
    • background
    0 votes
    8 answers
16. Отображение сайта в разных разрешениях.

    Побегал по форуму, но по сабжу ничего не нашел. Дело в том, что сайт отображается по-разному в различных разрешениях. Вот так выглядит сайт при разрешении 1024х768: А так при разрешении 1280х1024 (при этом разрешении я верстал): Вопрос, наверное, уже все поняли. Как сделать, что бы сайт отображался одинаково хорошо во всех разрешениях?

    Asked by WoopieZ, January 20, 2011

    0 votes
    17 answers
17. как заставить браузер загружать "свежий вариант" страницы?

    Здравствуйте. Прошу помощи: как заставить браузер при посещении загружать каждый раз "свежий вариант" страницы? Слышал, что в META можно прописать (как?), но так же и слышал, что НЕ ВСЕ браузеры эти META понимают... Или это направильное утверждение? Помогите, пожалуйста.

    Asked by beriton, March 13, 2008

    0 votes
    10 answers
18. Как сделать горизонтальное меню из картинок

    Задача вроде несложная - нужно сделать горизонтальное меню, в котором в качестве ссылок будут изображения. Но, почему то эти картинки-ссылки или вообще не отображаются или отображаются как картинки, а не как ссылки. Вот HTML код: <div id="page-menu"> <ul id="menu"> <li><a class="home" href="" title="Главная"></a></li> <li><a class="about" href="" title="О сайте"></a></li> <li><a class="map" href="" title="Карта сайта"></a></li> <li><a class="contact" href="" title="Контакты"></a></li> </ul> </div> Это CSS: #page-menu { float: …

    Asked by Mila, August 2, 2010

    0 votes
    27 answers
19. Автоматическая смена картинок

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

    Asked by Mad(x_x)boy, October 16, 2010

    0 votes
    25 answers
20. Как можно разместить по горизонтали несколько картинок ?

    Как можно разместить по горизонтали несколько картинок ?

    Asked by Saturn, October 19, 2011

    0 votes
    11 answers
21. CSS для тегов td и tr

    <table width="100%" > <tr> <td width="15%"> </td> <td width="75%"></td> <td width="10%"> </td> </tr> </table> как придать значение каждому столбцу: <style type="text/css"> tr.abc { td width: "15%"; /* для первого столбца ширина 15% */ td width: "75%";/* для второго столбца ширина 75% */ td width: "10%"; /* для третьего столбца ширина 10% */ } </style> <table width="100%"> <tr class="abc"> <td> </td> <td> </td> <td> </td> </tr> </table>

    Asked by antosha, January 14, 2009

    0 votes
    8 answers
22. Изменение стиля другого элемента

    Вопрос следующий. Есть две ячейки таблицы. При наведении на первую из них цвет её бэкгрунда должен поменяться. Но это понятно как сделать. Вопрос в том, что при наведении на вторую ячейку необходимо, чтобы поменялся цвет бэкграунда и первой и второй. Как это сделать? Проще говоря, если кому-то не понятно. То при наведении мышкой на один элемент, менялся стиль другого элемента. Заранее спасибо!

    Asked by Guest CBE4KuH, September 8, 2008

    0 votes
    11 answers
23. Текст поверх слайдер

    Здравствуйте, у меня стоит такой слайдер на сайте Слайдер. Подскажите как-то реально сделать текст поверх каждой картинки:? Вот слайдер таким образом в HTML выводиться <div class="sp-slideshow"> <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /> <label for="button-2" class="button-label-2"></label> <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" /> <label for="button-3" class="button-label-3">&…

    Asked by bobchinskiy, January 10, 2015

    0 votes
    6 answers
24. Разница между inline и inline-block

    Подскажите новичку. Стоит задача создать горизонтальное меню. Имеются такие строки: ul li { ... display:inline; ... } А чем отличается вышеприведенная строка от следующей: ul li { ... display:inline-block; ... }

    Asked by aaron, July 30, 2012

    0 votes
    7 answers
25. Как формируется высота input?

    Во время верстки макета http://shvv.freehostia.com/uta/index.html серьезно помучался с высотой поля ввода и кнопки. В итоге пришел к следующему варианту input { font-size: 13px; vertical-align: middle; } input.text { width: 175px; padding: 6px 0; margin-right: 5px; } input.search { height: 29px; width: 32px; }, где .text - класс поля ввода, .search - класс кнопки. Получается, что высота текстового поля формируется как font-size+padding-top+padding-bottom+2*2px. Такой вариант вроде бы работает во всех браузерах одинаково. Где можно точно прочитать о высоте текстового поля.

    Asked by shvv, November 6, 2009

    0 votes
    17 answers