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
-
Полоса не растягивается
Здравствуйте! Мучаю свой первый макет, делаю для мужа , все никак не могу его "добить" (макет, а не мужа конечно же). Надо было с чего попроще начать, но сейчас уже не отступлю! Делаю верстку для макета, посмотреть можно то, что есть тут: http://stepalex.mamayana.ru/ Там все пока еще совсем страшненькое, но суть не в этом. Проблема такая: слева есть серая полоса, на которой слово ПОРТФОЛИО. По задумке дизайнера она должна "прилипать" к левой стороне экрана, при этом быть от верха до низа экрана (при любом масштабе). Слово портфолио должно быть примерно посередине экрана. Но у меня получается, что она идет от границы таблицы (центральная, в которой весь остальной контен…
0 votes16 answers -
<img src="русский.jpg">
такая проблема: в строчке не воспринимаются русские символы всместо какаха.jpg в браузер передается ProductImages/%EA%E0%EA%E0%F5%E0.jpg Как организовать поддержку русских символов в html? не помогает
0 votes6 answers -
Помогите с hover!
У мну такая проблема: Есть ссылка -кнопка 1 при наведении курсора должно быть следующее-кнопка 2. Какие стили нужно прописать для hover, подскажите плз....
0 votes9 answers -
Селестор :after/before для элемента select
Не работает селестор :after/before для элемента select http://jsfiddle.net/39W6F/. В чем причина? Или у :after/before есть какие-то ограничения на использование?
0 votes2 answers -
Скрытие бокового контента при уменьшении экрана
Всем привет. Наверное сотни тысяч раз верстальщики сталкивались с подобными задачами. Мне нужно следующее: Есть основной, центральный блок контента (block_content) шириной 1000 px. Но помещен этот блок в родительский блок (block, который будет содержать фоновое изображение) шириной 1920 px. .block {width:100%; max-width:1920px; min-width:1000px;overflow:hidden} .block_content {width:1000px; margin:0 auto;} На мониторе с разрешением 1920 пикс. все смотрится отлично. Центральный блок, находится по середине, на фоне внешнего блока с изображением. Но при уменьшении разрешения (при свойстве у внешнего блока overflow:hidden;), идет скрыти правой части изображения. Как…
0 votes2 answers -
Как задать цвет маркеров у LI при этом не затрагивая цвет текста?
Как задать цвет маркеров у LI при этом не затрагивая цвет текста? Так что бы цвет шрифта определялся, допустим, в BODY, а у маркеров был мною заданный цвет.
0 votes11 answers -
непойму,что за тэг?
Скажите,для чего нужен этот тэг и где про него можно почитать? background:transparent
0 votes9 answers -
CSS меню
Здравствуйте. Сделал меню на css с использованием списка Ul. Подскажите механизм, как в зависимости от открытой в данный момент ссылки меню, сделать ее активной (подсветить другим цветом например.), чтобы в каждой web-странице не прописывать активное меню, например как здесь: <li class="item_active"><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> Если напримев у меня 20 меню, то мне тогда придется в 20 web-страницах прописывать активное меню (class="item_active"). что очень неудобно. Спасибо.
0 votes6 answers -
Пробмела с многоточием у многострочного текста text-overflow: ellipsis и white-space: normal
Столкнулся с проблемой: text-overflow: ellipsis добавляет многоточие только если в блок не влазит строка по ширине. Если же есть возможность переноса и строка не вмещается по высоте, многоточие не добавляется. Сталкивался ли кто-нибудь с этой проблемой? Подскажите, пожалуйста, решение. Пример http://codepen.io/RenusAvin/pen/RRBWpP .
0 votes1 answer -
графическое подчеркивание ссылок в меню
я делаю простой сайтик. там есть меню. я хочу чтобы при нахождении на определенной странце - соответствующий странцие пункт меню был подчеркнут. но у меня никак не получается это сделать. я уже запуталась окончательно... была бы вам очень благодарна если бы вы посмотрели код и могли бы может что-то мне посоветовать. т.к. приложить не могу файл ниже код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="…
0 votes9 answers -
Два <body> на странице.
Eсть сайтик где режется js да и много чего другого, но я обнавружил, что возможно добавление <body onLoad="..."></body> и соответственно творения со страничкой любого js непотребства) Если бы оно нужно было для пакости то яб не парился, но мне оно нужно исключительно для косметической работы(css там тож запрещены). Такой вот собсно вопрос: какие ошибки и глюки может повлечь добавление меж двух основных боди вышеприведённой конструкции. Так оно вроде работает вполне нормально, но мало ли.)
0 votes4 answers -
Как сделать таблицу с закругл?нными концами?
Хочу сделать таблицу с закругл?нными концами. Но у меня получается отступ. Как его убрать? Вот код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #content { padding: 0px; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="10" width="10"><img src="images/01.gif" width="10" height="10"></td> <td></td> <td height="10" width="10"><img src="images/02.gif" width="10" height="10"></td> </tr> <tr> <td></td> <td id="content">…
0 votes1 answer -
Неимоверно сложная задача!!!
Как сделать, чтобы при наводе мышкой на изображение-ссылку это изображение увеличивалось ненамного (хочу сделать что-то на подобие 3D).:) Т.е. у меня есть изображение размером 135 х 101, а чтобы при наведении на него мышкой оно становилось чуть большим. Вот код гиперссылки: <a href="1.html" width="140" height="105" target="1"><img src="images/1.jpg">
0 votes16 answers -
вычисление ширины в ie6
Почему-то, ie6 неправильно считает ширину блоков. В остальных браузерах нормально, в ie6 приходится использовать хак (( <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> html { width:100%; height:100%; } *{ margin: 0; padding: 0; border: 0; } body {font-size:10pt; font-family:Arial;background:#000;} .bot{ padding:0 10px; background:blue; height:56px; width:100%; } .clear {clear:both;} .center { background: red; width:95%; _width:94%; padding:20…
0 votes7 answers -
Масштабирование изображений в галерее
Добрый день! Уважаемые специалисты, помогите, пожалуйста, с масштабированием картинок, у меня никак не получается сделать ровно для всех браузеров. Имеется вордпресс, в теме есть галерея с горизонтальной "прокруткой". У меня было желание настроить галерею более грамотно и удобно. Изначально галерея предполагает загрузку картинок одной высоты, но мне это не подходит. У меня вертикальные и горизонтальные фотографии, и мне нужно, чтобы они были одной высоты в галерее, при этом, чтобы вертикальные масштабировались под высоту горизонтальных. В оригинале выглядит вот так: http://demo.megathe.me/heat/portfolio/people/ Код стиля: /* =iosSlider-------------------------…
0 votes3 answers -
Реализация кнопки нестандартной формы
Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.
0 votes3 answers -
Блоки прыгают, дергаются, налезают друг на друга
Всех приветствую. Возникла такая проблема. Ссылка: http://www.untex.com/8/ Если поводить курсором мыши по странице, то видно, что, когда курсор попадает на ссылки, блоки прыгают, дергаются, налезают друг на друга. С чем это связано, и как от этого избавиться? Прошу помочь. Спасибо.
0 votes5 answers -
Борьба с IE. 3 колонки, резиновый дизайн.
Делаю новый шаблон для сайта, 3 колонки, резиновый. Столкнулся с проблемой. В IE в центральной колонке получается небольшой отступ текста на том месте, где заканчивается текст левой. Пример на рисунке. Очень заметно при выделении текста. html <!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>Untitled Document</title> </head> <style type="text/css"> #left { border: #999999 solid 1px; width: 200px; float: left; } #right { …
0 votes1 answer -
Резиновая вёрстка
В общем верстаю в HTML и CSS. Но умею верстать под определённый размер екрана. Как сделать сайт резиновым? Если можно, то дайте сслки на пособия.
0 votes11 answers -
Input URL
Люди добрые, подскажите пожалуйста как сделать через инпут УРЛ. Перепробовал все что знал, не работает... Вот сайтец, если что. Нужно изменить кнопки, которые слева находятся.
0 votes9 answers -
Не работает reset на кастомном select
Создал кастомный селект, кнопка reset не удаляет выбранное, подскажите в ччем проблема и как решить https://codepen.io/ZvrTina/pen/rNKMWMM
0 votes1 answer -
Недействующие полосы прокрутки
Столкнулся с этим в опере. В других браузерах по-моему такого не было. Появляется полоса прокрутки, но она не действующая, засвечена бледным цветом, ничего не прокручивает. По какой причине это может возникать? Вот описание класса: #lev { max-width:289px; width:auto; width:expression(document.getElementById('menu').offsetWidth < 274 ? document.getElementById('menu').offsetWidth+15 : '289px'); height:expression(document.body.offsetHeight-162); position:absolute; top:103px; bottom:54px; left:5px; overflow:auto; float:left; border-style:solid; border-width:2px; border-color:#FFFFFF #AAAA44 #AAAA44 #FFFFFF; background-color: #FFFFCC; col…
0 votes11 answers -
кто знает как реализовать растягиване сайта как тут
Пытаюсь сделать такой же макет с рятяжением как на сайте www.66.ru, сайт растягивается до определенного предела, потом идут отступы по бокам при больших разрешениях. Если кто знает может как реализовано подскажите пожалуйста
0 votes8 answers -
Вопрос-ответ
Итак, первый вопрос: Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ? padding 0px в свойстве дива не помогает хтмл <div id="left"> <ul> <li> one </li> <li> two </li> <li> three </li> </ul> </div> <div> в css #left { float:left; width: 102px; height:100px; border:solid 1px #000; } <li> в css li { list-style-image:url(img/li.jpg); } Спасибо !
0 votes18 answers -
Чат
Кто знает как сделать этот чат? Вот ссылка:http://smartech.by/. Справа блок синий "Оставьте сообщение". Как сделать такой-же блок? Мне можно даже просто скелет, без дизайна. Буду очень, очень благодарен.
0 votes19 answers