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
29,542 questions in this forum
-
Текст кнопки по центру
Привет всем! Помогите пож-та в небольшом проблеме. текст кнопки должен стоят ровно в центре (вертикально) Для этого я использовал line-height. Но почему то Firefox его не понимает. не подскажите как это исправить. Вот ссылка http://jsfiddle.net/qzDwJ/ Вариант с паддингами не предлагать, они по разному в разных браузерах
0 votes6 answers -
Помощь по css
Скажите, пожалуйста, где можно почитать про css? Мне интересно не про css в целом, а именно про случаи типа этих: div.func:hover ~ img {...} div.func:hover > a {...} Я даже не знаю, как их назвать при поиске в гугле, поэтому обращаюсь к вам. Для чего в подобных случаях используется тильда и закрывающая острая скобка "больше"?
0 votes6 answers -
Помощь с макетом
Добрый день. Я пока только учусь верстать и мне нужна ваша помощь Есть макет страницы в котором присутствует вот такой элемент: То есть при нажатии на определенный этап под ним появляется текст, а кнопка этапа заменяется фигурой человечка. Подскажите как такое можно реализовать?
0 votes6 answers -
смещается подвал в ie8
помогите пожалуйста поправить вёрстку в ie8. смещается подвал при большом количестве контента. ссылка
0 votes6 answers -
Вечные проблемы с валидацией
Валидатор ругается на эту строку, а именно на data-href, data-width, data-show-faces, data-border-color, data-stream, data-header. <div class="fb-like-box" data-href="http://www.facebook.com/pages/Free-Place/255003731206097" data-width="240" data-show-faces="true" data-border-color="#EEEEEE" data-stream="false" data-header="false"></div> Есть решение этой проблемы?
0 votes6 answers -
ошибочка вышла
вот созда пхп докумен привожу важный мне фрагмент (остальное дивы с другой инфой) <?php $to = "kolih654@yandex.ru"; $zak=""; $zak="$zak товар 1 - $TOV1 шт.\n"; $zak="$zak товар 2 - $TOV2 шт.\n"; $zak="$zak товар 2 - $TOV3 шт.\n"; $zak="$zak товар 2 - $TOV4 шт.\n"; $zak = "С адреса $email от заказчика с контактными данными $contact пришла заявка на приобретение товара:\n$zak" ; mail($to,"$sub",$mes); ?> </div> вопрос такой отправит ли данная хрень мне на почту письмо проверить не магу т.к. почтовыми клиентами не пользуюсь и не умею пользоватся
0 votes6 answers -
Подскажите jQuery плагин для работы с изображением ?
Делаю интернет-магазин, где в форму нужно добавлять товар с картинками (несколько миниатюр и больших картинок). Может что посоветуете с личного опыта какой-то плагин для работы с картинками ?
0 votes6 answers -
Всплывающее меню
Доброго времени суток! Собственно стоит задача таким образом, у меня есть своего рода блок, наводя на него курсор, производиться замена изображения, а также к этому блоку прикручено UL меню. Меня интересует следующее: Как сделать так, что бы при наведение курсора мыши на всплывающее меню, картинка ":hover" из маин блока не пропадала до тех пор, пока я не уберу курсор за пределы блока и меню ? .pravo { background: url(../images/b1.png); display: block; width: 322px; height: 142px; } .pravo:hover { background: url(../images/pravo.png); } #menu1{ list-style:none; padding:0; margin:0; } #menu1 li{ float:left; position:relative; } #menu1 …
0 votes6 answers -
фонофое изображение
добрый день. Фоновое изображение по ширине должен растягиваться на 100% ширины окна браузера(по высоте – пропорционально растяжению по ширине). Центр фонового изображения должен оставаться на одной и той же высоте. Таким образом, при большой ширине окна браузера верх изображения должен «срезаться» верхним меню; низ – белым градиентом; пропорции должны оставаться неизменными. можно ли как-то закрепить центр изображения? оО можно ли как-то обрезать изображение (вложенное в блок тегом img)?
0 votes6 answers -
vertical-align в div
<div class="head"> <img src="img/Logo.gif" width="57" height="56" class="logo">Сайт </div> #head { width:500px; height:70px; background-image: url(../img/bg_l.jpg); background-repeat: repeat-x; } .logo { position: relative; top:5px; left:0; } Как сделать вертикальное выравнивание слова: "Сайт" по ценрту. vertical-align, padding - не работают... Если что-то не так, извините, сегодня прошел курс css
0 votes6 answers -
Посоветуйте книгу по HTML&CSS для изучения с нуля
Посоветуйте книгу, для новичков желательно написанную простым и понятным языком (не по HTML5).
0 votes6 answers -
фон в таблицы
Доброго времени суток.Нужна Ваша помощь,делаю сайт и возникла проблема не могу поменять фон таблицы.На странице расположены две таблицы.При изменении фона в первой таблице во второй также меняется фон на такой-же.Таблицы сделаны с закругленными углами.Часть кода: <html> <head> <title>Главная </title> <style type="text/css"> A { text-decoration: none; } </style> <font face="Dungeon"> <style type="text/css"> BODY { color: #ffffff; background-color: #0A2C85; text-decoration: none; background-image: url(); background-repeat:repeat-x; } </style> </head> <table> <td cellpadding="20%" height="3…
0 votes6 answers -
Список в несколько колонок
Хочу сделать несколько блоков стоящих рядом, количество заранее не известно. Они должны быть отцентрованы. То есть то, что выделено зеленым, было одинаковой ширины: (линк по превью переводит просто на большое изображение, а не на радикал)) Если окно уменьшаем, то снова зеленое остается одинаковым, но не обязательно равным тому, что в предыдущей картинке. И не должно быть так, что если количество блоков не кратно числу, что влезает в строку, то в нижней строке все уползает по центру. а было бы вот так: У меня самой получился только не правильный вариант, что все становится по центру... Может кто-то сталкивался с подобным случаем? Заранее мерси)
0 votes6 answers -
Два Дива - одинаковой высоты в не зависимости от контента
Как сделать вот такую вот картинку дивами? Рядом стоящие и растягивающиеся по высоте в не зависимости от контента Напрашивается таблица, но хотелось бы дивами подобной структуры: http://jsfiddle.net/2c4MK/
0 votes6 answers -
Проблема с выпадающим меню
Здравтсвуйте! Возникла следующая проблема. Создаю выпадающее меню с помощью css, по отдельности выводится нормально, все работает. НО! Стоит только после этого меню добавить блок со свойсвом position: relative менюшка перестает корректно работать. При наведении курсора на нее - исчезает! Вот код: Файл со стилями div#panel {width:100%; border-top: 1px solid #000; border-bottom: 1px solid #000; float:left;} div#panel ul{margin: 0 0 0 40px; font-size:13px; font-weight: bold; letter-spacing: 2px;} div#panel li{float:left; position: relative; padding: 8px 0; list-style-type: none; border-right: 1px solid #444;} div#panel li:first-child{border-left: 1px solid #444;} di…
0 votes6 answers -
Подскажите как сделать
Нужно расположить три div блока фиксированой длины и высоты горизонтальность. Я понимаю что для центрального блока не заданно обтекание. Но когда я задаю обтекание то не получается задать фиксированную точку по центру. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Автобиография</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content=""> <meta name="description" content=""> <link href="style.css" rel ="stylesheet type="text/css"> </head> <body> <div class="lmenu">&l…
0 votes6 answers -
Проблема с понимание работы margin
Здравствуйте.Не могу понять поведения боксовой модели.Ниже код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <style type="text/css"> #box1 { margin:0 auto; width:800px; height:100px; background-color:#F00; } #box2 { margin-top:10px; width:100px; background-color:#0F0; height:100px; } </style> </head> <body> <div id="box1"> <div id="box2"> </div> </div> </body> </html> Т.е. у меня есть родительский див с фиксировано высотой и шириной и дочерний.Не понимаю - почему при объявлении свойства m…
0 votes6 answers -
Проблема с background-attachment в Firefox
Имеется div с прокруткой overflow-y: scroll; и фоном-картинкой. чтобы фон прокручивался вместе с содержимым, устанавливаю background-attachment: local; в опере, хроме и IE работает, в FF - нет. Как быть с FF?
0 votes6 answers -
Редактор JSFiddle?
Судя по к-ву ссылок в обсуждении задач, этот редактор онлайн довольно популярен. Стоит ли продолжать с ним играться? Я вижу некорректное отображение в нескольких примерах: 1) Вложенные списки 2) Схлопывающиеся отступы 3) Атрибуты <table> Удобен, понятен, быстр. Но если врёт, зачем это всё? Может я слишком делитант, подскажите плз?
0 votes6 answers -
как сделать всплывающий div
Имеется 6 блочных элементов div. Первые три - для элементов первого уровня, вторые три - для элементов меню второго уровня, которые выпадают при клике на одном из элементов первого уровня. Каждый из элементов второго уровня должны быть вложены в блочные элементы первого уровня.
0 votes6 answers -
как сделать корзину для сайта на php
как сделать корзину для сайта на php при помощи session и cookie?
0 votes6 answers -
пропажа кнопок
Здравствуйте меня зовут сергей я создал всего один сайт на локальном компьютере мой сайт отображался во всех из ниже перечисленных браузеров opera google chrome Internet Explorer так как и было задумано но как только я загрузил сайт на хостинг все кнопки пропали а точнее картинки кнопок прописаны они так <div class="bottom_1"> <a href="index.html"> <img src="img/лого.gif" alt="img лого" /> </a> </div> помогите пожалуйста решить эту проблему
0 votes6 answers -
Выравнивание background-image
Добрый. Need помощь. извеняюсь за глупый вопрос. Кароче прописываю: body { background-image: url('../images/lalala.jpg'); } фон вставляется с левого края, возможно ли сделать так чтобы фон центрировался.
0 votes6 answers -
Совсем простой вопрос
Вот у меня вначале страницы указаны цвета ссылок в стилях: body a{color:red;} body a:hover{color:red;} body a:active{color:red;} Но некоторые ссылки на странице я хчу сделать другим цветом, поэтому делаю так <a href='' class='newcolor'>link</a> style: .newcolor{color:green} Почему так цвет не меняется? он меняется только если мы сделаем вот так <a href='' style='color:green;'>link</a> Как изменить цвет с помощью класса?
0 votes6 answers -
ширина не так ставится в хроме
В фф,ие,опере <div style="width:740px; border:1px solid #3d3d3d;"></div> показывает 740px, но почему-то такая же длина показывает в хроме больше на 2px не пойму, в чем же дело?
0 votes6 answers