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
День добрый ! Вопрос такой: Можно ли с помощью :hover , заданного для одного элемента (например DIV-а), задать изменение стиля другого элемента ? К примеру: Наводишь курсор на Div #1, а фон меняется у Div #2, или (или координаты картинки какой-нибудь меняются, ну в общем что угодно, только с другим элементом. Спасибо
0 votes4 answers -
Обтекание изображением
Необходимо выполнить такую задачу: Причём, чтобы при загрузке картинки (когда её нет) текст не передвигался в левую часть, а оставался неподвижным справа. А дополнительные данные были внизу правого блока. Подскажите, куда копать? На данный момент, стабильно работающее решение (кривое и без блока доп. данных): #test { background-color: grey; margin: 15px 0; } #test .image { float: left; margin-right: 15px; width: 300px; /*чтобы текст не передвигался*/ height: 150px; } #test .image img { width: 300px; /*уменьшение изображения*/ height: 150px; } #test .wrapper { padding: 10p…
0 votes4 answers -
Помощь в верстке с таблицами
Ребята, прошу вас помочь в верстке. Все дело в таблицах. Третья ячейка у меня вылазит вперед, а в первой ячейке 3 пункт из списка выпирает. И проблемы по 3 пункту только в ИЕ - в файерфоксе все хорошо! <TABLE align=center> <TR> <TD> <!-- ????? ??????? ???????? --> <table> <tr> <td background="./images/v_dome.png" id=name> <!-- ???? "? ????" --> <br><br><br><br><br><br> <div class="wpmd"> <div><IMG SRC="./images/4.png" BORDER=0 align="left"><font class="ws11"><b><a href="vodosnabgenie_doma.html" title="????????????? ????" class="style5">??????????…
0 votes3 answers -
Неправильно отображается
привет <body> <div id="container"> <div id="header"> <img src="img/header.jpg" alt="" /> <div id="navigation"> <div id="content"> <div id="footer"> </body> </html> Вот это у меня в html файле. Далее идет css: body { background: #f3f2f3; color: #000000; font-family: Trebuchet MS, Arial, Times New Roman; font-size: 12px; } #container { background: #FFFFFF; margin: 30px auto; width: 900px; height: 1080px; } #header { background: #838283; height: 200px; width: 900px; } и так далее У меня все блоки криво отображаются! Футера вообще не видно. Скажите пожалуйста, в чем может быть ошибка?
0 votes2 answers -
Переключатель страниц
Как привязать навигатор по страницам к низу страницы, а не к последней картинке?
0 votes2 answers -
"Читать далее"
Друзья, подскажите, пожалуйста, каким образом реализовать показ скрытого текста через "Читать далее"? Прбовал <сut>, но он не срабатывает. И возможно ли это реализовать через DHTML? Спасибо!
0 votes1 answer -
Как выравнять элементы таблицы
http://ergodesign.biz/page/mebel-dlja-personala-unica Таблица с Элементами серии пляшет. Как выравнять?
0 votes4 answers -
sadebar(правая колонка) наезжает на нижний блок
http://karpovka.com/2014/09/03/199290/ как исправить косяк пробовал различные варианты и ничего не приходит в голову
0 votes4 answers -
как сделать кнопку плацебо.
если кто не в курсе есть тому объяснение вот здесь суть в чем. нужна при нажатии на кнопку что бы появлялось колесо загрузки(типа обновление страницы, как на известных ресурсах) - помогите организовать
0 votes1 answer -
Выделить последнюю строку в таблице с объединенными ячейками
Столкнулся с интересной задачей, выделить самую нижнюю строку в таблице. Если таблица простая, без объединения ячеек, то решается просто на уровне CSS (tr:last-child). Но в реальных отчетах ячейки группированы. Представляю универсальный алгоритм, без jQuery и прочих библиотек: http://jsfiddle.net/cN57x/6/ Алгоритм несложный, но уверен, его можно улучшить...
0 votes0 answers -
Не переноситься текст
Добрый день. Есть список, блок <li> имеет фиксированную ширину. Проблема в том, что если текст по ширине больше, он не переноситься на следующую строчку. сейчас css .list-of-items li{ border-bottom: 1px solid #8c8c8c !important; margin-left: 5px !important; min-height: 35px !important; width: 210px !important;}.list-of-items li a { -moz-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; word-wrap: break-word !important;}Но надпись на новую строку не переноситься.
0 votes4 answers -
Что тут дописать, чтобы пропала граница снизу?
Нужно сделать как на картинке. Как это правильно сделать?Вот что у меня получилось, но нужно каким-то образом убрать границу снизу под текстом
0 votes1 answer -
Загрузка данных в поле 1-ого фрейма, при нажатии на ссылку 2-ого фрейма
Мне нужно, чтобы при нажатии ссылки во втором фрейме, происходила загрузка данных (input type="text" id="debug") в первом фрейме, но у меня вместо этого происходит ошибка. index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> <script> view_frames(); </script> </head> <body> </body> </html> page1.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <!-- поле куда надо загрузить данные --> <input type="text" id="debug'"> </body>…
0 votes0 answers -
Проблема с таблицей и css
Имеется таблица из 3 столбцов и 3 строк! Строки в первом столбце объединены(там находится картинка)! А строки в следующих двух столбцах имеют разную высоту(первые две строки одинакового размера, а последняя изменяет свою высоту в зависимости от размера рисунка в первом столбце). Вопросик: как в css прописать чтобы все строки имели одинаковую высоту - но не фиксированную, а зависящую от высоты рисунка в первом столбце!
0 votes1 answer -
IE, куда без него
Друзья, помогите, не умею с ИЕ дружить. Что надо подправить, чтобы в ИЕ было тоже самое, что в нормальных браузерах? Ниже код и скрины. <!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" /> <title>Документ без названия</title> </head> <style> .head { height:400px; width:1224px; background:url(%D1%88%D0%B0%D0%BF%D0%BA%D0%B0-%D0%B1%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F.png); } A.dot { color:#0fb3e9; text-decoration: none; /* Убираем …
0 votes3 answers -
Рама для картины средствами CSS (1 картинка, 5 слоев)
Задача - сделать возможным одевать картины в рамы. Некоторые ньюансы: Картины могут быть разные по ширине и высоте. Нужно обойтись 1 картинкой - каждая сторона рамы это одна и та же png-шка большой длинны, с прозрачным левым углом которую надо будеть ставить на фон в слои с разным z-index'ом и вращать на 90 градусов создавая таким образом все 4 стороны рамы картины. демка этой идеи: ) Вожусь пол дня ... для статичных размеров еще вроди можно извратится, а вот для динамических ширины и высоты что-то ничего не получается... Есть идеи/примеры как можно это реализовать?
0 votes3 answers -
Тестирвание сайта в разных браузерах
После тестирования сайта, появились некоторые проблемы в версиях браузеров 3-4 летней давности. Например в Opera 9.60 и Firefox 3.6.10 не корректно отображаются размеры шрифтов, в IE 6 не корректно отображаются картинки png. Стоит ли делать правки под эти версии браузеров?
0 votes3 answers -
Почему в классе не работает цвет шрифта ?
Вот на картинке видно конфликт: цвет ссылок списка - черный, но у первой ссылки прописан класс firstli у которого цвет ссылок белый. Но почему-то не работает. Firebug показывает, что цвет перечеркнут. В чем проблема, что делаю неправильно ?
0 votes3 answers -
Забыл атрибут css
Прописал я строчно style="list-style-type: disc;", но он оно глобально перекрывается из стилей. Насколько я помню, там можно что-то добавить, чтобы строго следовало, прописанному стилю. В поиске не нашел. Кто на форуме подскажите, пожалуйста.
0 votes3 answers -
Скругленные углы и бордер в chrome
Стиль для img .group_on_index img { border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; behavior: url(/projects/yamaha/js/pie/PIE.php); border:2px #ff0000 solid; } привел к такому результату в chrome Что не так? Вроде нормальный браузер...
0 votes2 answers -
Подчеркивание только под заголовком
Как сделать подчеркивание только под заголовком, чтобы можно было изменять ширину, размер, тип и цвет линии? В моем варианте линия выходит за пределы заголовка, до конца строки: h3 { font-size: 23px; margin-top: 0; margin-bottom: 0; font-weight: normal; color: 0F84AB; font-family: Georgia; font-style: italic; border-bottom:3px solid 0F84AB; }
0 votes2 answers -
Разница между (pading,marging) и top px, botton px,left px, right px,
Ребята простите за простоту вопроса! часто пользуюсь: top px, botton px,left px, right px, Но есть также: pading,marging А особенно при позиционировании часто использую: pozicion: absolute; top px, left px, Подскажите пожалуйста разницу между ними! СПАСИБО!
0 votes2 answers -
Прозрачность блока
Вот страничка http://tankist10.hosting-test.org.ua/ З.Ы. В брузере Opera,когда открыт этот блок с картинкой при прокрутке или resize window блок исчезает. Как исправить?
0 votes2 answers -
Проблема с версткой, Не отображается часть рекламы адсенса
Никак не могу победить проблемку на своем сателлите. Вешаю код адсенса. Вместо положенных размеров в 400px высоту отображается лишь 150. Т.е часть объявлений режется и не показывается. И хоть убей. Как буд-то слоем каким-то закрывается. Будьте добры, кто может подсказать. Адрес 190e.ru (внизу и вверху) Если смотреть главную, то вверху из за этого нельзя кликнуть на первые несколько ссылок, а внизу отображается не весь блок. Высотой должен быть в 400 px
0 votes3 answers -
Не работает шрифт Futuris
Собственно САБЖ. Шрифт не работает. Качал с разных мест, всё одни же грабли. Вот код: @font-face { font-family: 'Futuris'; font-weight: 700; src: url('fonts/FuturisBold.ttf');}Т.е. Всё банально просто, но не хочет работать. Точно таким же образом подключил OpenSans, всё пучком: @font-face {font-family: 'OS';font-weight: 700;src: url('fonts/OpenSansBold.ttf');}В чём может быть проблема?
0 votes1 answer