HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Выравнивание в div по вертикали
День добрый. Вопрос в нете обсуждался, но именно, то что нужно мне не нашлось. Итак, нужно в div выровнять два элемента. Один по верху (обычно) а один элемент вывести в самом низу. Высота родительского div фиксирована. Всем спасибо
0 votes1 answer -
IE :(
Подскажите пожалуйста, как исправить такую проблему, в браузере IE между логотипом и полем поиска почему-то появляется отступ большой, а в остальных браузерах (Опера, Мозила) все нормально. Вот такая вот проблема... Вот сайт: http://www.test.ukrworld.net/
0 votes4 answers -
допустимые символы в якорях href="#Слово" и id="Слово"
Вздумалось сделать видимым в адресной строке длинной страницы _ttp://site.ru/file.html#Название-Главы <!-- именно русскими буквами --> Не во всех браузерах это работает. Какие могут быть варианты использования русских букв? Например кто-то оставляет ссылку, в FF при наведении курсора в строке состояния видно русские слова. Поисковики понимают %D0%A4%D0%BE%D1%80%D1%83%D0%BC как слово. А что (не только из вышеупомянутого) в навигации по сайту понимают все браузеры?
0 votes3 answers -
Двух колоночный макет на таблицах
Здравствуйте, я начинаю изучать верстку, решил сделать двух колоночный макет на таблицах и не могу понять… Хотел делать как на первом варианте, но просмотрел один из видеоуроков и там делалось как на втором, т.е. вкладывалась еще одна таблица. И теперь я не могу понять какой вариант верный и зачем он (автор урока) вложил еще оду таблицу. Помогите пожалуйста, или может Вы знаете где есть объяснения по моему вопросу, заранее спасибо.
0 votes12 answers -
Не ворное отображение шрифтов в разных браузерах
Опять обращаюсь к вам за помощью, помогите с проблемой на сайте: _http://personaastro.ru/index.html, шрифты используемые в меню слетают на стандартные при открытии в IE, иногда в firefox. Подскажите как исправить данное недоразумение, уж очень шрифт этот нравится, менять на стандартный совершенно не хочется. Посмотрел тут подобные темы, попробовали конвертировать шрифт, не помогло. Может что не правильно делаем? В общем надеюсь на вашу помощь, спасибо!
0 votes7 answers -
small или strong?
Надпись у формы маленьким шрифтом - "Мы гарантируем 100% конфиденциальность. Ваши данные не будут переданы третьим лицам". Семантически - это strong или small?
0 votes20 answers -
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дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо
0 votes5 answers -
Сложная верстка
Ребята, поделитесь, кто как такое верстает, таблично+css, етот блок будет вниз по вертикали растягиваться, внутри будет текст: Если можно примерчики
0 votes5 answers -
Растягивание блока по высоте
Имеем следующее: Проблема в том что контент(белый цвет) не растягивается по высоте блока 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</…
0 votes9 answers -
псевдостиль для картинки
вот на той странице http://htmlbook.ru/css/hover написан такой способ установки стилей что это такое и как понимать такую последовательность?проблема, что мозилла 1.8 отображает hoover картинку (в hoover установлен фон) криво: вот так http://nhjugfbd.at.tut.by/18.jpg , т.е. фон не по всей плоскости картинки, а только нижняя часть. при этом замещающий текст, если картинка отсутствет, при наведении исчезает за белым фоном. а если картинка смещена вверх (margin-botoom, то hoover-тень за ней не смещается, а светится такой же фигнёй: полоска снизу от фона и выше белое. можно ли установить отдельный hoover стиль для картинки? как его задать? и можно ли устанавливать hoover сти…
0 votes14 answers -
Получить из подменю ещё одно
Доброго времени суток! Решил зарегистрироваться наконец на этом форуме, после нескольких месяцев просмотра его Появился вопрос один, касающийся css деталей. Вкратце, есть стандартное меню, при наведении на один из пунктов ("Каталог"), появляется ещё одно меню - подменю, который содержит ещё два пункта, и вот в чём вопрос, хочу получить из одно из этих двух пунктов ещё одно меню - подподменю Создать его могу, а как обеспечить выбор пунктов уже в нём никак не могу сообразить. Исходничек с этой проблемой здесь. И я просто не знаю как это сделать. Буду рад любым подсказкам и помощи!
0 votes20 answers -
Меню на 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> <!-- Перегородка между элементами м…
0 votes11 answers -
При ресайзе окна из-зи границы выступает слой.
Господа, вот следующий код: <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…
0 votes4 answers -
Div overlay
Приветствую! Основные требования к реализации: - высота блоков с картинками должна быть динамической - ширина блока в % - без использования таблиц - при наведении на картинку выводится чёрный overlay Проблему с выравниванием блоков, допустим, можно решить при помощи DivMasonry. А вот вопрос состоит в следующем... Можно ли решить задачу с overlay'ем не прибегая к использованию JS/jQuery?
0 votes9 answers -
А можно ли по условия дочернего элемента сделать изменения в родительском?
.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? Спасибо!
0 votes10 answers -
Как можно вставить в canvas картинку или button
Помогите есть канвас нужно в него вставить input.button или img, вставлял картинку через new Image все отрисовывает но такая картинка не воспринимает onclick, или есть способы добиться этого?
0 votes2 answers -
Установка цвета через 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> При нажатии…
0 votes3 answers -
Не работают вместе php и SSI.
В .htaccess было сначало прописано AddHandler application/x-httpd-php .php .html, чтобы обрабатывался php. Затем я начал пользоваться SSI. Страницы оставил в формате html, поэтому прописал AddHandler server-parsed .html . Но после этого не работает php на сайте. Как сделать так чтоб они работали вместе...
0 votes7 answers -
Выпадающее меню с помощью тегов <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…
0 votes2 answers -
Верстка div-ами
Подскажите, как на дивах сверстать такой макет? Конкретно трудности вызывают цветные блоки и блок снизу в левой колонке. Макет
0 votes8 answers -
Разрешение экрана
Как сделать чтобы страница отображалась одинаково независимо от разрешения
0 votes5 answers -
Масштабирование картинки в IE
<table width="100%" height="100%"> <tr> <td> <img width="100%" src="angel.jpeg"/> </td> </tr> </table> Во всех браузерах кроме IE этот код автоматически масштабирует картинку. В IE картинка остаётся реального размера и появляются полосы прокрутки. Как решить эту проблему?
0 votes3 answers -
Примеры хорошего SCSS
Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилае…
0 votes11 answers -
Почему картинки съезжают при масштабировании?
При масштабировании нижние картинки съезжают https://uzinouzi.github.io/asdasd/ - Сам сайт prntscr.com/h5bbfz - Тут проблема.
0 votes1 answer -
Прижать div к нижней границе другого div'a
Подскажите, пожалуйста, как прижать div, находящий в другом div'е, к нижней границе слоя, в котором он находится?
0 votes2 answers