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
-
:hover в блочном меню. Что не так?
Я новичок. Пытаюсь создать сайт пока на локалке и столкнулся с такой проблемой. Не меняется фон в меню при наведении на него мышью. Путь к картинке правильный. Проверял несколько раз. Последний раз, для верности, указал путь к картинке через контекстное меню Dreamweaver, так что с этим ошибок быть не может. Вот код: <div id="menu"> <p><a href="#">Главная</a></p> <p><a href="#">Классификация</a></p> <p><a href="#">Инструменты</a></p> <p><a href="#">Установка</a></p> <p><a href="#">Полезные советы</a></p> <p><a href="#">Работы</a>…
0 votes3 answers -
Проблема с background часть 2)
После того как решил данную проблему http://htmlforum.ru/index.php?showtopic=46671&hl= у меньшение маин дива появилась другая скрин как сделать что бы курсоры слайдера были на своих местах?сайт и всё остальное в прошлой теме.
0 votes2 answers -
Как сохранить размеры изображения внутри div ?
<style> .container { width: 400px; height: 400px; } </style> <div class="container"> <!-- Размер картинки к примеру 1000px на 1000px--> <img scr="image.png"> </div> Вопрос: как мне поместить в .container и сохранить исходный размер картинки image.png и чтобы она была по центру сверху ? Спасибо за отклик.
0 votes1 answer -
before для first-child
добрый вечер, можно ли для первого элемента задать before ну например так. + 38 067 55 55 5 38 067 55 55 5 38 067 55 55 5 так что бы плюс отображался у первого элемента! span:first-child :befor{content:"+";} Спасибо.
0 votes3 answers -
мобильные На мобильниках средняя колонка на пол экрана
Здравствуйте. Столкнулся с такой проблемой: На стационарных компьютерах верстка отрабатывает нормально, а на мобильных браузерах нет. В мобильных браузерах средняя колонка занимает всего 50% ширины контейнера, предназначенного для нее. http://c3w.ru/fotogalereya/ - альбомы должны располагаться в два столбика, а на мобильных браузкрах располагаются в однин столбик. В общем ширина элемента со значением id="center" на мобильных устройствах почему-то меньше. Кто поопытнее: Подскажите пожалуйста в чем может быть дело и как эту проблему решить.
0 votes2 answers -
Неправильно отображение картинки при уменьшении окна браузера
Вот сделал скриншоты проблеммы. Посомтрите пожалуйста, скажите как избавится от такого, а то я уже замучался. Проблемма показана на скриншотах. http://www.sharemania.ru/0175738
0 votes1 answer -
Передача данных
Приветствую. Наверное, не совсем относится к вёрстке, но в других разделах создать тему не дает Необходимо реализовать фичу, которая будет при переносе на страницу заказа товара вносить автоматически название товара в инпут под лейблом "Название товара*". Возможно ли такое реализовать? Если да, то с помощью чего? CMS - FlexoCMS.
0 votes2 answers -
Как сделать Меню по высоте блока контента
Всем День Добрый! Возможно мой вопрос банальный... Столкнулся с такой проблемой мне нужно сделать фон меню по высоте блока с контентом.Т.е. при изменении содержимого(высоты) контентного блока, должна меняться высота фона меню.Применял height:100% или auto,но высота меняется только по содержимому самого меню.Блок меню находится внутри, блока с контентом? Подскажите что делать? Заранее спасибо за ответ!
0 votes1 answer -
Проблема с цветом ссылок
Приветствую всех. Занимаюсь версткой не так давно, и последний раз поведение ссылок ввело меня в ступор... Имеем: Блочная верстка, шапка, под-шапка с меню, левый сайд-бар, основной (content) и подвал. В подшапке, левом баре и подвале есть меню, ссылки <a href=""> в списках Ul. Все, естественно, с разными стилями. Так вот, в один прекрасный момент, все новые ссылки, которые появляются в блоке Content, стали цеплять стиль из левого блока (в нем ссылки белые, content так же белый, и их соответственно, не видно). Пробовал и IE и в Хроме, через какое-то время и ФФ к ним присоединился... Хотя точно в начале все было нормально, все-таки разные блоки... !important не спас…
0 votes4 answers -
Уезжает меню, HELP!
Ребята, меню наверху с кодом #headermenu{ margin:0; clear:both; width:1000px; height:82px; background:url('../image/jp/header_menu.png') center no-repeat; margin:auto 10% auto 10%; position:fixed; top:65px; z-index:1002; При расширении на большой экран не остается по центру, а уезжает левее. Как сделать так, чтобы оно оставалось по центру?? =( Ссылка на скриншот:
0 votes2 answers -
text-align внутри блока
Добрый день! Есть у меня блок .block{height:; width:; border:; padding:; float:; margin-right:;} Для этого блока хочу добавить заголовок. .new{text-align:center;} И уже в коде html <div class="block"><span class="new">Some text</span> </div> Но не получается, текст не выравнивается по центру. Почему?
0 votes4 answers -
IE-7,8 смещают последний li
Доброго времени суток. Не могу понять из-за чего смещается последний li в ie-7,8 И причем если уменьшать li по ширине, то все равно они не встают как надо. Может кто подскажет чем? Сама проблема здесь и картиночка (красным отмечен, тот самый последний li)
0 votes4 answers -
checkbox со скрываемой формой
Всем, привет! Помогите пожалуйста разобратся, в данном коде при нажатии на второй бокс, активируется первый эриатекст ((( Как сделать независимыми позиции? (планируется их множество) <FORM> Изделие 1 <input type="checkbox" NAME="1" onclick="if(this.checked){document.getElementById('nextSibling').style.display='inline-block'}else {document.getElementById ('nextSibling').style.display='none'; document.getElementById('nextSibling').value='';}"> <input type="text" placeholder="0" SIZE=1 MAXLEGNTH=1 style="display: none;" id="nextSibling"> <br> Изделие 2 <input type="checkbox" NAME="2" onclick="if(this.checked){document.getElementById('nextSibl…
0 votes2 answers -
Проблемы с фоном.
Необходимо совместить грандиент и картинку в одном на фоне body. Возможно ли это? И как?
0 votes1 answer -
Вопрос Плавающие DIV-ы
Добрый день! Есть широкий, одноколоночный DIV, который заполняться в движке новостями уже в две колонки. <div style="border: 1px solid; overflow: hidden; padding: 10px 10px 0 0; width: 520px;"> <div style="background: #000; float: left; height: 200px; margin: 0 0 10px 10px; width: 250px;"></div> <div style="background: #000; float: left; height: 250px; margin: 0 0 10px 10px; width: 250px;"></div> <div style="background: #000; float: left; height: 210px; margin: 0 0 10px 10px; width: 250px;"></div> <div style="background: #000; float: left; height: 240px; margin: 0 0 10px 10px; width: 250px;"></div> <div style="bac…
0 votes3 answers -
Вертикальная отцентровка текста
При таком CSS получается 1 строка текст ровно по центру, а как сделать, чтобы еще 2 строки были ровно по центру? <style> ul li { height: 30px; line-height: 30px; text-align: center; } </style> <ul> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> </ul>
0 votes2 answers -
Не работает должным образом hover!
Добрый день! Хочу сделать в первом блоке таг чтобы при наведении на минус - загоралась фигура где стоит рейтинг пользователя. http://cssdesk.com/fw7ne Я хотел это сделать так .yyy { } .yyy:hover .square { background:red; } при это задать минусу класс "yyy". Но ничего не получилось.Подскажите почему. Спасибо.
0 votes1 answer -
ключевое слово transparent - какова поддержка браузерами?
Допустим я задаю цвет для шрифта или чего-то другого через transparent (color: transparent) - какова поддержка браузерами этого ключего слова? Какие поддерживают, какие нет?
0 votes4 answers -
Помогите разобраться с меню
Помогите разобраться с меню. Крышка уже едет от него. Все хорошо. Но не работают ссылки при нажатии на них. В чем может быть проблема? Подскажите решение. Исходники: http://jsfiddle.net/r2Y99/
0 votes5 answers -
"Адаптивные" квадраты
У меня такой вопрос. Как реализовать грамотно и адаптивно такое вот дело? Ну т.е. может уже есть готовые фреймворки или еще что-то, можно тыкнуть носом в статью или еще что-то.
0 votes1 answer -
Помогите определиться как именовать сущности
Помогите определиться как именовать сущности (с учетом общепринятых норм, таких как дефис, а также логики) Допустим есть блок с телефоном. .phone-number И тут я хочу создать .phone-number-green Но ведь green - это по сути приставка модификатор и ставя ее через еще один дефис - получается логическая путаница. Как их разделить? .phone-numbeer_green, .phone-number__green, .phone_number-green - как принято?
0 votes4 answers -
Скрепит картинки
Здравствуйте. Есть такой код: <a href="#" onclick="document.getElementById('id').style.display='block'; return false;">Кнопка</a><div style="position: absolute;top: 340px;left: 50px; display: none;" id="id"> <img src="images/img.png" class="drag"><a href="#" onclick="document.getElementById('id').style.display='none'; return false;"> <img src="images/hide.png"></a></div> При нажатии на кнопку, появляется картинка img.png, после нажатия на hide.png, она скрывается. Картинку img.png можно перемещать на странице, я бы хотел, чтобы img.png и кнопка "Скрыть" (images/hide.png) перемещались вместе, т.е .как-то скрепились. …
0 votes3 answers -
Не понимаю nth-child
Здравствуйте! На картинке показан вывод инструментов разработчика Хром для элементов <div class="clearfix catcats">, расположенных в одном и том же родительском диве с классом row. Почему и у первого нечетного по порядку и у второго четного <div class="clearfix catcats"> срабатывает стиль с селектором .clearfix.catcats:nth-child(odd) ? а вот для третьего и четвертого такого <div class="clearfix catcats"> срабатывают почему-то стили с селектором .clearfix.catcats:nth-child(even)
0 votes2 answers -
Получение погоды с сайта.
Как введя на своей странице название города получить погоду с другого сайта? Искал по API, ничего не нашел. http://openweathermap.org/ не получаться.
0 votes1 answer -
font-weight указать в font
Нужно задать font-weight: normal, используя свойство font Синтаксис: font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit Попытка №1: font: inherit inherit normal 20px inherit; Попытка №2: font: normal 20px inherit;
0 votes3 answers