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
Есть блок он меняет свой фон при наведении также есть кнопка которая должна изменить фон свой при наведении на блок. Как правильно реализовать такое? http://jsfiddle.net/4uPDE/
0 votes8 answers -
не отображается изображение
По какой причине может не отображаться изображение??На локальном сервере все нормально отображается, как только загружаю на сервер-нет изображения и все..пути, адреса вроде бы правильно прописаны..При просмотре кода элемента <img src="img/album/01/01.jpg" alt=""> все правильно-адрес корректен. Файл в котором идет отображение находится в той же директории что и папка "img" В чем может быть проблема? Спасибо!!
0 votes12 answers -
Верстка html-письма
Добрый день. Помогите решить проблему с Outlook 2007. Письмо в нем тянется на всю ширину, хотя у таблицы стоит ограничение 600px по ширине. В остальных почтовиках и браузерах все гуд
0 votes2 answers -
Выравнивание во флексах
Подскажите, как выровнять текст по середине вертикали? http://jsfiddle.net/c3trhgsp/
0 votes4 answers -
Проблемы с резиновой версткой.
Здравствуйте форумчане. Это моя вторая верстка, была сделана больше недели назад, но на другом форуме не помогают, надеюсь здесь помогут. Вот что я сделал http://primer-primer.esy.es/Вот шаблон: https://yadi.sk/d/eoBIgxqejmdDB Как сделать маску для верхней картинки, что бы она сжималась и увеличивалась так как положено? (пробовал разными способами, но у меня криво выходит) Почему в div class=fact-one, текст и фотография в одном section, хоть я их ставил в разные? (пробовал float делать, не помогло, не пойму что я упускаю то)
0 votes9 answers -
Перенос абзаца в тексте материала
Привет. На своём сайте столкнулся с проблемой "Многочисленное кол-во <br> and <p>" На скриншоте показано, как между абзацами большие отступы. Как при помощи CSS убрать данную проблему? Если при помощи CSS не получится, посоветуйте более надежный вариант)
0 votes6 answers -
кнопка отображается выше других элементов
<!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=iso-8859-1" /> <title></title> </head> <style> input { height: 33px; padding: 0; margin: 0; } </style> <body> <form><input type="text" name="login" value="login" /><input type="password" name="password" value="pass" /><input type="submit" value="login" /></form> </body> </html> Кнопка отображается в firefox выше чем поля login и password. …
0 votes1 answer -
проблема с табами
CSS .chatBodyTabs { height: 46px; overflow: hidden; list-style: none; } .chatBodyTabs li { float: left; } .chatBodyTabs li a { display: block; border: 1px solid blue; padding: 0 10px; color:red; height: 25px; } HTML <ul class="chatBodyTabs"> <li> <a href="#">link 1</a> </li> <li> <a href="#">link 2</a> </li> </ul> DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Задача стоит следующая. Надо в ряд выставить n-ное количество блоков с шириной в зависимости от текста внутри. Пример, указанный выше, работает в FF и IE 7. В I…
0 votes3 answers -
padding в блоке с текстом
Подскажите, пожалуйста, что не так делаю? Как исправить? Мне надо получить блок с определенным текстом, ширина которого зависит от текста внутри него. И должны быть отступы от текста. Получиться должно такое: В ФФ все нормально, а в ИЕ7 отступы по бокам есть, а сверху и cнизу нет. Использую такой код для CSS: .layer{ display: inline; padding:7px 18px; background-color:#3d2e1e; } Html: <div class="layer">строка</div>
0 votes5 answers -
помогите найти примеры модульных сеткок сайта
помогите найти примеры модульных сеткок сайта. (например (1,2,3 колончный каркасы)) чем их больше будет, тем лушче
0 votes5 answers -
Помогите с таблицей
Вставил в <td> картинку - появились отступы где-то в 10px. Прижимается к левому краю, с помощью vertical-align:bottom; прижал к низу, а как быть с верхом? Причём высота у td задана. Код HTML: <tr> <td height="120" width="auto" colspan="3" class="footer"> <div align="left"> <img src="img-hair/bg_footer.jpg"> </div> </td> </tr> И CSS: .footer{ position:fixed bottom; background-image:url(img-hair/bg_footer.jpg); background-repeat:no-repeat; background-position:bottom right; margin:0px; padding:0px; vertical-align:bottom; } Очень нужна помощь. И как можно скорее.
0 votes8 answers -
Центрирование с отступом сверху
Задача: 1. Расположить в шапке сайта изображение и выравнять его по центру страницы. 2. Сделать отступ изображения от верхней границы окна браузера. Например, на 10px. Первый пункт сделал путем: CSS .img{ text-align: center; margin:0 auto; } Теперь не знаю как сделать отступ, так как margin-top уже не работает. Подскажите, пожалуйста, как правильно сделать.
0 votes3 answers -
Горизонтальное меню уезжает вниз в Опере
Всем привет! Горизонтальное меню уезжает вниз в Опере 9.27 (и подозреваю, что в других операх тоже). Ознакомиться можно здесь http://mitille.jino-net.ru/, тестю. Что бы такого впендюрить в цсс чтобы все было ок? #header1 { width: 100%; height: 48px; position: relative; /*float: left;*/ /*overflow: auto;*/ } #header2 { position: relative; top: -40px; /*left: auto;*/ width: 201px; height: 196px; margin: 0 auto; /*margin:-20px -20px -20px -20px;*/ /*padding: 0px 0px 0px 0px;*/ /*float: top;*/ /*overflow: hidden;*/ } #menu { width: 1080px; height: 47px; margin: 0 auto; padding-top: 0px; padding-left: 0px; /*overflow: auto;*/ /*…
0 votes6 answers -
Верстка макета (Sapfire)
Привет всем! Я верстаю макет для Lineage 2 сервера под Stress Web. Я поделил документ (шапка+футер) на 3 части(1 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/left.png, 2 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/center.png, 3 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/right.png). Мне необходимо, чтобы все эти три части были как одно целое и занимали весь документ (необходимо для экранов с разрешениями 1024x600). Содержимое css: html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; color: black; font-size: 11px font-family: Tahoma, Arial; background: white; } img { border: none; } a:hover { …
0 votes11 answers -
Плавное появление цвета у картинки
сайт на wordpress. вызывается функция, выдающая 15 случайных картинок из страниц. мне нужно сделать так, чтобы они отображались черно-белыми, а при наведении курсора ПЛАВНО превращались в цветные. как это сделать? я находил какие-то похожие свойства, но CSS3. да и как это сделать плавно не знаю. подозреваю, что нужно делать с помощью js. можете помочь?
0 votes2 answers -
нежелательный скролл
помогите пожалуйста на странице расположить блок .search так чтобы он имел постоянное смещение вправо на 100px относительно правой границы блока .header . и при этом горизонтальный скролл появлялся только когда ширина блока .wrap станет меньше 960px если я смещаю .search при помощи position: relative; right: -100px; то горизонтальный скролл появляется до того как ширина .wrap станет меньшей 960px. это мне не подходит если позиционирую при помощи position: absolute , то горизонтальный скролл так же появляется преждевременно(немнотря на то, что .search исключается из потока) возможно ли в принципе решить мою задачу? может быть стоит использовать другой способ? подскажит…
0 votes6 answers -
Подскажите как лучше реализовать меню
В средней секции сайта есть бокс, в котором должно находиться меню такого вида: скрин Каждый квадрат соответственно пункт меню, с фоновой картинкой и текстом. Задача- чтоб при наведении на квадрат, он как бы показывался поверх того квадрата который его перекрывает. Изначально планировал сделать это на списке, но в данный момент задумался о js. Чем проще и надежнее реализовать данную задачу?
0 votes8 answers -
Оцените заготовку для проектов
Перед тем, как начать верстать за деньги, решила сделать заготовку проекта. Прошу оценить, поправить, посоветовать. Папка: прототип проекта. - папка css - папка img - папка js - index.html Содержание index.html: <!doctype html> <html lang="ru"> <head> <title>Page</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="js/ie.js"> <![endif]--> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> </header> <footer> </footer> </div> <!-- wrap ends --…
0 votes11 answers -
Пункт меню в обводке со стрелочкой на неравномерной фоне
Суть в том, что эта обводка вместе со стрелкой на неоднородном заднем фоне. Вот как такое реализовать?( Я попробовала backgrond-size - но в итоге пропорции при определенных размеров сильно искажаются и это бросается в глаза...
0 votes10 answers -
Div'ы на разной высоте
Есть страница http://www.slawyer.ru/landing Там есть блок Почему выбирают нас? http://joxi.ru/0KAgn84cNQyd2l Помогите внутри него дивы выровнять по горизонтали http://joxi.ru/XYmEZnxHB8lQ26
0 votes6 answers -
отключение элементов
Интересует вопрос возможно ли для определенного пита браузеров к примеру «IE6» отключить тот или иной элемент? Вот например у меня один див в IE6 отображается не правильно он на 2 пикселя смещен возможно ли его именно для этого браузера отключить? или задать другие параметры style.css (я бы так в ручную его подвинул)
0 votes1 answer -
и снова выпадающее меню
сделал выпадающее меню, на Ul li все вроде работает, но вот незадача, ширинав выпадающей подменю привязанна к ширине самого меню и ни в какую не хочет менятся в зависимости от динны пунктов подменю, в чем ошибка, подскажите плиз... #menu_top { position:relative; height:37px; background:#31343d;; width:100%; z-index:1} #menu_top ul { position:relative; margin:0 0 0 7px; padding:0; list-style:none} #menu_top ul li { position:relative;float:left; line-height:37px; margin:0 0 0 0; overflow:hidden;_behavior: url(ie6hover.htc)} #menu_top ul li:hover, #menu_top ul li.hover { overflow:visible} #menu_top ul li ul { position:absolute; top:37px; left:-7px;background: url(../../img…
0 votes4 answers -
Переопределение CSS
Если в первом включаемом файле есть правило .myclass {font-weight:bold;} И во втором включаемом файле есть правило .myclass {font-weight:normal;} То какое правило будет действовать?
0 votes2 answers -
подгрузка картинки
у меня при наведении на изображение1 происходит замена этого изображения на изображение2 (реализовано через css). как погрузить изображение2 вместе с загрузкой страницы?
0 votes6 answers -
Bозможности css3
Добрый день, задался вопросом)) можно ли реализовать такую форму блока без использования нарезок графики при помощи css3?
0 votes12 answers