HTML Coding

29542 questions in this forum

1. Выравнивание в div по вертикали

   День добрый. Вопрос в нете обсуждался, но именно, то что нужно мне не нашлось. Итак, нужно в div выровнять два элемента. Один по верху (обычно) а один элемент вывести в самом низу. Высота родительского div фиксирована. Всем спасибо

   Asked by ekkl, August 28, 2010

   0 votes
   1 answer
2. IE :(

   Подскажите пожалуйста, как исправить такую проблему, в браузере IE между логотипом и полем поиска почему-то появляется отступ большой, а в остальных браузерах (Опера, Мозила) все нормально. Вот такая вот проблема... Вот сайт: http://www.test.ukrworld.net/

   Asked by Ark, September 1, 2008

   0 votes
   4 answers
3. допустимые символы в якорях href="#Слово" и id="Слово"

   Вздумалось сделать видимым в адресной строке длинной страницы _ttp://site.ru/file.html#Название-Главы <!-- именно русскими буквами --> Не во всех браузерах это работает. Какие могут быть варианты использования русских букв? Например кто-то оставляет ссылку, в FF при наведении курсора в строке состояния видно русские слова. Поисковики понимают %D0%A4%D0%BE%D1%80%D1%83%D0%BC как слово. А что (не только из вышеупомянутого) в навигации по сайту понимают все браузеры?

   Asked by злец, November 21, 2009

   0 votes
   3 answers
4. Двух колоночный макет на таблицах

   Здравствуйте, я начинаю изучать верстку, решил сделать двух колоночный макет на таблицах и не могу понять… Хотел делать как на первом варианте, но просмотрел один из видеоуроков и там делалось как на втором, т.е. вкладывалась еще одна таблица. И теперь я не могу понять какой вариант верный и зачем он (автор урока) вложил еще оду таблицу. Помогите пожалуйста, или может Вы знаете где есть объяснения по моему вопросу, заранее спасибо.

   Asked by Dallass, December 13, 2010

   0 votes
   12 answers
5. Не ворное отображение шрифтов в разных браузерах

   Опять обращаюсь к вам за помощью, помогите с проблемой на сайте: _http://personaastro.ru/index.html, шрифты используемые в меню слетают на стандартные при открытии в IE, иногда в firefox. Подскажите как исправить данное недоразумение, уж очень шрифт этот нравится, менять на стандартный совершенно не хочется. Посмотрел тут подобные темы, попробовали конвертировать шрифт, не помогло. Может что не правильно делаем? В общем надеюсь на вашу помощь, спасибо!

   Asked by ilia, March 19, 2013

   • шрифты браузеры
   0 votes
   7 answers
6. small или strong?

   Надпись у формы маленьким шрифтом - "Мы гарантируем 100% конфиденциальность. Ваши данные не будут переданы третьим лицам". Семантически - это strong или small?

   Asked by Zverushka, December 9, 2013

   0 votes
   20 answers
7. Media queries самые ходовые

   Не хочется изобретать паровоз. Устройств вывода(мониторы, планшеты,телефоны) пруд пруди. У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) Хочу узнать кто какие наборы использует самых ходовых Media queries для оптимизации под разные разрешения. @media screen and (max-width: 600px) {...} - видимая область меньше 600px. @media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900 @media screen and (min-width: 1281px) and (max-width: 1921px) {...} @media only screen and (min-width: 1921px) {...} - больше моего 24дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо

   Asked by Alex_, May 19, 2016

   0 votes
   5 answers
8. Сложная верстка

   Ребята, поделитесь, кто как такое верстает, таблично+css, етот блок будет вниз по вертикали растягиваться, внутри будет текст: Если можно примерчики

   Asked by okunev2, November 20, 2007

   0 votes
   5 answers
9. Растягивание блока по высоте

   Имеем следующее: Проблема в том что контент(белый цвет) не растягивается по высоте блока manufacturers(желтый цвет)... основной код: <div class="wrapper"> <div class="content"> <div class="manufacturers"> <ul> <li><a class="aprilia" href="#">Aprilia</a></li> <li><a class="arctic_cat" href="#">Arctic Cat</a></li> <li><a class="benelli" href="#">Benelli</a></li> <li><a class="bimota" href="#">Bimota</a></li> <li><a class="bmw" href="#">BMW</a></li> <li><a class="bombardier" href="#">Bombardier</…

   Asked by Kup, April 16, 2010

   0 votes
   9 answers
10. псевдостиль для картинки

    вот на той странице http://htmlbook.ru/css/hover написан такой способ установки стилей что это такое и как понимать такую последовательность?проблема, что мозилла 1.8 отображает hoover картинку (в hoover установлен фон) криво: вот так http://nhjugfbd.at.tut.by/18.jpg , т.е. фон не по всей плоскости картинки, а только нижняя часть. при этом замещающий текст, если картинка отсутствет, при наведении исчезает за белым фоном. а если картинка смещена вверх (margin-botoom, то hoover-тень за ней не смещается, а светится такой же фигнёй: полоска снизу от фона и выше белое. можно ли установить отдельный hoover стиль для картинки? как его задать? и можно ли устанавливать hoover сти…

    Asked by Rilo, March 18, 2011

    0 votes
    14 answers
11. Получить из подменю ещё одно

    Доброго времени суток! Решил зарегистрироваться наконец на этом форуме, после нескольких месяцев просмотра его Появился вопрос один, касающийся css деталей. Вкратце, есть стандартное меню, при наведении на один из пунктов ("Каталог"), появляется ещё одно меню - подменю, который содержит ещё два пункта, и вот в чём вопрос, хочу получить из одно из этих двух пунктов ещё одно меню - подподменю Создать его могу, а как обеспечить выбор пунктов уже в нём никак не могу сообразить. Исходничек с этой проблемой здесь. И я просто не знаю как это сделать. Буду рад любым подсказкам и помощи!

    Asked by drew, March 31, 2011

    0 votes
    20 answers
12. Меню на HTML5

    Коллеги, здравствуйте. Совсем недавно начал изучать HTML5, сейчас создал меню. Ниже маленький фрагмент кода. Всё красиво, всё по макету, всё работает. Но я сомневаюсь, что моя реализация валидна. Будьте так любезны, дайте советы, как сделать код валидным. <nav> <ul> <li class="nav_img_left"><img src="img/nav_left_background.png"></li> <!-- Закругление фона слева--> <li><a href="/about/">Главная</a></li> <!-- Пункт меню --> <li class="nav_border"><img src="img/nav_border.png"></li> <!-- Перегородка между элементами м…

    Asked by Barsam, November 4, 2012

    0 votes
    11 answers
13. При ресайзе окна из-зи границы выступает слой.

    Господа, вот следующий код: <div style="overflow:hidden; width:100%;"> <div style="width:400%; position:relative; left:-300%;"> <div style="width:25%; background-color:#FF0000; float:left;"> </div> <div style="width:25%; background-color:#00FF00; float:left;"> </div> <div style="width:25%; background-color:#0000FF; float:left;"> </div> <div style="width:25%; background-color:#FFFF00; float:left;"> </div> </div> </div> Пояснение: четыре резиновых слоя равные ширине страницы, находятся в 100%-ом по длине слое с overflow:hidden. В будущем эти слои будут смещаться посредством JavaScript…

    Asked by smashercosmo, October 9, 2008

    0 votes
    4 answers
14. Div overlay

    Приветствую! Основные требования к реализации: - высота блоков с картинками должна быть динамической - ширина блока в % - без использования таблиц - при наведении на картинку выводится чёрный overlay Проблему с выравниванием блоков, допустим, можно решить при помощи DivMasonry. А вот вопрос состоит в следующем... Можно ли решить задачу с overlay'ем не прибегая к использованию JS/jQuery?

    Asked by Seemann, November 15, 2011

    0 votes
    9 answers
15. А можно ли по условия дочернего элемента сделать изменения в родительском?

    .menu > li:hover > a { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } Тут при наведении на пункт <li> мы изменяем способ отображения блочной ссылки <a> А можно ли, написать такой код CSS, который, скажем, при наведении на li:first-child:hover менял бы параметры отображения родительского блока .menu? Спасибо!

    Asked by Launder, September 19, 2015

    0 votes
    10 answers
16. Как можно вставить в canvas картинку или button

    Помогите есть канвас нужно в него вставить input.button или img, вставлял картинку через new Image все отрисовывает но такая картинка не воспринимает onclick, или есть способы добиться этого?

    Asked by GrizzzlyGames, October 15, 2015

    • canvas
    • button
    • img
    • image
    0 votes
    2 answers
17. Установка цвета через JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…

    Asked by ErUnDAK, April 9, 2017

    • html
    • javascript
    0 votes
    3 answers
18. Не работают вместе php и SSI.

    В .htaccess было сначало прописано AddHandler application/x-httpd-php .php .html, чтобы обрабатывался php. Затем я начал пользоваться SSI. Страницы оставил в формате html, поэтому прописал AddHandler server-parsed .html . Но после этого не работает php на сайте. Как сделать так чтоб они работали вместе...

    Asked by LBM, March 24, 2009

    0 votes
    7 answers
19. Выпадающее меню с помощью тегов <ul>, <li>

    Идея заключается в том, чтобы из списка сделать рубрикатор с выпадающими подрубриками. В FireFox всё работает нормально, в IE6 возникают проблемы: Так должно быть: Так в IE6: <!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" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ ul { width: 600px; list-style: none; } ul li { width: 278px; float: left; position: relative; background: #D0D0D0; border: 1px solid #909090; padding: 5px 0; margin: 5px; font…

    Asked by Юрий, August 17, 2009

    0 votes
    2 answers
20. Верстка div-ами

    Подскажите, как на дивах сверстать такой макет? Конкретно трудности вызывают цветные блоки и блок снизу в левой колонке. Макет

    Asked by Goldie, August 17, 2011

    0 votes
    8 answers
21. Разрешение экрана

    Как сделать чтобы страница отображалась одинаково независимо от разрешения

    Asked by Wawan, September 28, 2009

    0 votes
    5 answers
22. Масштабирование картинки в IE

    <table width="100%" height="100%"> <tr> <td> <img width="100%" src="angel.jpeg"/> </td> </tr> </table> Во всех браузерах кроме IE этот код автоматически масштабирует картинку. В IE картинка остаётся реального размера и появляются полосы прокрутки. Как решить эту проблему?

    Asked by Mihaile, June 15, 2010

    0 votes
    3 answers
23. Примеры хорошего SCSS

    Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилае…

    Asked by leshiple, May 16, 2015

    • scss
    0 votes
    11 answers
24. Почему картинки съезжают при масштабировании?

    При масштабировании нижние картинки съезжают https://uzinouzi.github.io/asdasd/ - Сам сайт prntscr.com/h5bbfz - Тут проблема.

    Asked by Crushing, November 2, 2017

    • html
    • css
    0 votes
    1 answer
25. Прижать div к нижней границе другого div'a

    Подскажите, пожалуйста, как прижать div, находящий в другом div'е, к нижней границе слоя, в котором он находится?

    Asked by TorchTT, February 7, 2012

    0 votes
    2 answers