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, почему то она прижимается к низу body http://cssdeck.com/labs/71rtjukt
0 votes2 answers -
Отъезжание блока
При открытии меню slicknav съезжает блок вниз. Как быть, что делать?
0 votes2 answers -
Подмена цвета браузера на м.устройстве
Коллеги! На этом сайте http://www.redmadrobot.ru/ , при открытии с мобильно устройства у браузера меняется цвет со строкой адреса (смотрите скрин с телефона http://prntscr.com/a14me5 ) КАК это реализовать? вообще в какую сторону копать хотябы?
0 votes1 answer -
Не получается поместить форму регистрации по центру.
Первый раз создаю сайт... Нужно форму регистрации поместить ровно по центру, да ещё так, чтобы у неё был свой фон. Всё перепробовал ничего не получается.. Вот html и css-http://cssdeck.com/labs/collab/l2wz6lx3 . Кто может поправьте код и посоветуйте что-нибудь. Спасибо !!!
0 votes2 answers -
Не выставляется полосами
Уже месяц пытаюсь откорректировать код так, чтоб блоки текста стали ровно, а все так получается. Где надо искать ошибку?
0 votes1 answer -
Меню как на гуугл вебмастер
Добрый день, всех с праздником, Подскажите как можно сделать не простое саб меню а меню как на google вебмастер, чтобы по щелчку не только расскрывалось саб, но и переходило в раздел, заранее благодарю
0 votes0 answers -
Автоопределение ширины колонки в таблице.
Доброго времени всем. Скажите плиз, как отключить авто-определение ширины колонки в браузере IE-6,7? Т.к. Firefox,Opera не меняют ширину колонки установленную в 100px; а IE занимается произволом -) Заранее спасибо.
0 votes3 answers -
Вопрос о приоритетах
Я совсем недавно в css. Так что не обессудьте =) Если верить самоучителю, то "стиль определенный во внутренней таблице имеет приоритет перед стилем из внешней таблицы". Но на практике выходит совсем наоборот... Так что же вернее?
0 votes2 answers -
ИЕ не хочет позиционировать блок по высоте
http://www.yarta.com/, нажмите на Австрию. ИЕ не хочет позиционировать вызываемый блок по высоте. Берет вместо высоты сайта высоту экрана и позиционирует блок относительно первого экрана, когда пользуешься прокруткой блок остается висеть вверху. А вот в ФФ делает все правильно. Помогите забороть ослика. Чтобы вам не рыться в коде: HTML: <a href="#?w=500" rel="popup1" class="poplight"><img src="images/photos/01-austria.png" alt="Герб Австрии"> <span>Австрия</span></a> JS: <script> $(document).ready(function(){ //When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').click(function() …
0 votes1 answer -
Подскажите
Дайте пожалуйста ссылку на статью, где разработчики css рассказывают, как они предлагают использовать css. Интересует не синтаксис, как присваивать свойства различным селекторам, а структура построения таблиц стилей. В общем ссылка на статьи, где сами разработчики рассказывают, как они считают грамотно строить css. Или может то, как вы считаете грамотным. Просьба отвечать опытных верстальщиков. Заранее благодарю.
0 votes1 answer -
Помогите с растяжкой на странице
Вот здесь то чего удалось уже добиться Футер прижат книзу, но внутренний блок с текстом заканчивается там же где и текст (это видно по border'ам серым, которые обрываются вслед за текстом). Если div'у (content_inside), в который заключен текст, поставить min-height 100%, то футер уходит за страницу и появляется прокрутка. Теперь два вопроса: 1. Как подправить, чтобы бордеры div'a(content_inside) прилегали к футеру? 2. Будет ли тогда возможным разместить контент в правом нижнем углу, прижатым к футеру (нижняя часть колонки где флэш с погодой - div.content_inside_sidebar) ? Вот пример разметки: <div id="total"> <div id="content_inside"> <div id…
0 votes0 answers -
динамичный размер таблицы
в общем табличка <table id="tmap" border=3 > <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/sneg.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td></tr> <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/sneg.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td></tr> <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BA…
0 votes2 answers -
Вставка флэш-ролика
Добрый день. В первый раз приходится решать такую задачу. Нужно вставить флэш-ролик на сайт. Все получилось. Но в IE блокируется в целях защиты (все знают особенности этого браузера). Приходится в ручную разрешать. Но существуют же способы запускать флэш-ролики так, чтобы не блокировалось (на тысячах сайтов все нормально работает). Подскажите, как можно решить проблему. Заранее извиняюсь, если тему не в том разделе создал. Но я столкнулся с проблемой при верстке, поэтому и пишу сюда. Заранее благодарен.
0 votes2 answers -
DIV-ы в DIV-е
Физкульт-привет, товарищи верстальщики! Столкнулся с небольшой проблемой. Имеется DIV с фиксированной шириной, нужно расположить в нём 4 DIVа с фиксированным отступом между ними, так чтобы DIVы растягивались на всю доступную ширину. Т.е. должно быть как на картинке: Вроде ничего сложного, но у меня не получается.
0 votes2 answers -
first-child
Доброго времени суток! Помогите, пожалуйста, разобраться в проблеме с first-child… Имеем CSS: .photo .post-title * { display: none; } .photo .post-title :first-child { display: block !important; } .photo .caption { display: block; } .photo .caption > :first-child { display: none !important; } А также HTML: <div class="photo"> <div class="post-title"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> <div class="caption"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> </div> Я планировал, что в случае с post-title должен выводиться исключительно заголовок 1 (заголовок 2 скрыт), а в сл…
0 votes3 answers -
Несколько стрелок в tooltip'e
Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: re…
0 votes2 answers -
Вопрос по отступам и line-height
Всем привет. Я новичок в верстке сайтов, сверстал свой второй макет в учебных целях. В ходе верстки возникло пару вопросов: 1. Вопрос касательно высчитывания отступов у элементов типа h1-h6,. К примеру, у меня есть <h3>Заголовок третьего уровня</h3> с font-size:50px. Мне необходимо сделать отступ моего заголовка от верха страницы в 20 пикселей (margin-top:20px), но при таком размере шрифта даже при нулевом значении margin имеется небольшой отступ от верха страницы, так как с увеличением размера шрифта увеличиваются отступы вокруг него. Единственное решение, которое я нашел - вручную подобрал отрицательное значение margin для h3, чтобы получить нулевой отступ, …
0 votes0 answers -
Значение картинок на обложках книг?
Часто на обложках бумажных книг про JS, HTML5, CSS изображены животные: например http://www.ozon.ru/context/detail/id/5904466/ http://www.ozon.ru/context/detail/id/3881079/ это ничем не означающий выбор издательства, или это прямое последствие значений языков разметки, представления содержимого...?
0 votes2 answers -
Проблема cо ссылкой
Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="sty…
0 votes4 answers -
Инвертация значений нескольких кнопок
Здравствуйте многоуважаемые. Подскажите как доработать нижеприведённый мною скрипт: <html> <head> <title>Cool dynamic page!!!</title> <script language="JavaScript"> var img = new Array('off.png','on.png'); var i; function gmi(id,nom) { i=(i==1)?0:1; console.log('Кнопка:'+id+' Значние:'+i); document.getElementById(id).src=img[i]; } </script> </head> <body> <p><img id="km1" src="off.png" onclick="gmi(this.id,0)"></p> <p><img id="im2" src="off.png" onclick="gmi(this.id,1)"></p> <p><img id="im3" src="off.png" onclick="gmi(this.id,2)"></p> </body> </htm…
0 votes0 answers -
адаптация шаблона
Всем доброго времени суток. В настоящий момент пишу шаблон, и задумался вот над чем, скажем так мы имеем двухколоночный условно-резиновый макет (почему условно-резиновый? во-первых сайдбар левый фиксированый (250 рх) во-вторых установлены ограничения width (max 1300 и min 960) ). В итоге при разрешении экрана свыше 1300 рх скажем наш контентный блок имеет с учетом всех отступов и т.д. 1000 рх (назову ее рабочей шириной) так вот в эту рабочую ширину я помещаю 5 блоков с width равным 200 рх и выставляю их в ряд при помощи float:left . но при изменении размера экрана скажем до 1024 рх блоки которые не влазиют в ширину начнут падать в низ (конечно можно сделать их резино…
0 votes0 answers -
Помогите найти ошибку
Подскажите, как исправить ошибку? Вот ссылка.
0 votes2 answers -
Заголовок и линия справа
http://campus.nsu.ru/tmp/util.get_file.php?fid=2724 Задача: После заголовка, необходимо нарисовать вот такую линию, до конца страницы. Как я делал: <style type="text/css"> .line{ background-color: #dedede; height: 6px; border: 1px solid; } .header h1{ float: left; border: 1px solid; } .header{ border: 1px solid; } </style> <div class="header"> <h1>Отзывы</h1> <div class="line"></div> </div> В IE7 ещё что-то напоминающее правду, но поведение других браузеров совершенно не понимаю. "header" - контейнер, и в нём должно всё размещаться, заголовку применено обтекание, посему всё должно быть рядышком, красиво и замечат…
0 votes1 answer -
Как пофиксить неработающие ссылки в iepngfix
Думаю новичкам будет полезно что если положить ссылку внутрь слоя к которому применили iepngfix то эта ссылка перестанет работаеть, более того ie6 ругнется и выдаст предупреждение, я долго спотыкался на этой теме, но вот решил сам повторить и тем кто не знает выложить инфу. Небольшой тутор в скриншоте надеюсь будет кому полезно
0 votes0 answers -
Колонки равной высоты
Подскажите пожалуйста, как добиться того, чтобы на сверстанном макете при заполнении его контентом background колонок оставался тем же (то есть образно говоря каждая колонка как бы подтягивает вниз соседнюю за собою при наполнении первой контентом) т е макет не "ломается" при добавлении контента. Заранее спасибо
0 votes2 answers