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
-
степень
подскажите как сделать чтобы на сайте отображалось не м3 а м3
0 votes2 answers -
Проблема с интервалом между двумя input
Приветствую, занялся изучением css и html, начал проект для работы, пока только внешний вид, функционал будет потом и сразу же наткнулся на проблему http://paint-keeper.ru/inputdisign/test.html здесь пример не могу уменьшить интервал (вертикальный) между двумя input (fieldset "Формула"), убираешь из кода input'ы все нормально отступ по 1px сверху и снизу, как вставляешь input начинаются проблемы, помогите пожалуйста, код валидный проверил, перепробовал все что нагуглил, не получается.
0 votes9 answers -
Проблемы с кроссбраузерностью
Всем привет! Очень рад что наконец то зарегистрировался на этом замечательном форуме! Мне нужна ваша помощь! Нарисовал дизайн, сверстал. Во всех браузерах (опера, хром, сафари(немного тупит с бордер-радиусом), мозилла,) отображается сайт корректно. В ИЕ на это смотреть невозможно. Мало того, что бордер-радиус не сработал, так еще и ссылки стали с фоновым цветом, меню растянуло. А при добавлении инструментов (для ИЕ) с сайта хак для ИЕ чтобы скруглялось)) фон меню вообще пропадает. Ведь есть же на форуме, кто сталкивался с кроссбраузерностью. Помогите разобраться и настроить. Я скрипты к сожалению писать не умею. а вот и сайт, он тестовый: тестовый.
0 votes2 answers -
фон для div
Пытаюсь задать фоновое изображение для шапки через css. Перепробовал массу вариантов, не пойму что не так. Сейчас код выглядит так: HTML <div id="container"> <div id="header"> </div> </div> CSS body { background-color: #fff; font:11px Verdana; } #container { margin: 0 auto; height: auto; min-height: 100%; width: 1260px; position: absolute; } #header { height: 628px; width: 1260px; background: url(..\images\home.jpg) no-repeat; position: relative; }
0 votes3 answers -
ИЕ7 position absolute -- не вычисляет ширину внутренего блока
Добрый день. С толькнулся с одной забавной багой в ИЕ7, не получаеться пофиксить. Есть родительский блок ( position: absolute ) в нем не указана ширина, так как ширина береться от контента. В этом блоке вложен блок, во всех браузерах он растягивается на 100% а в ИЕ7 только по содержимому. Может кто-то с таким сталкивался. Вот черновой код ссылка на пример смотреть в ИЕ7. Удачи.
0 votes3 answers -
3 колонки % const %
Здравствуйте! Подскажет, пожалуйста, как можно получить такую резиновую верстку: 3 колонки % const % например так не работает, поскольку left-block и right-block блоки набегают на central-block-const при масштабировании браузера body { margin: 0px; padding: 0px; background-color: #f0f0f0; } #main { border: 1px solid #f00; width:100; padding:0px; margin:0px; position:relative; overflow:hidden; } #central-block-const { border: 1px solid #ff0; width:100px; margin: 0px auto; } #left-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; left:0px; margin:0px; padding: 5px; } #right-block { border: 1px solid #ff0; width: 40%; position:absolute; top:0px; …
0 votes1 answer -
Помощь по css
Скажите, пожалуйста, где можно почитать про css? Мне интересно не про css в целом, а именно про случаи типа этих: div.func:hover ~ img {...} div.func:hover > a {...} Я даже не знаю, как их назвать при поиске в гугле, поэтому обращаюсь к вам. Для чего в подобных случаях используется тильда и закрывающая острая скобка "больше"?
0 votes6 answers -
Подскажите как реализовать hover
<div id="menu"> <ul> <li><a href="http://google.ru">Ссылка которая должна менять цвет</a> <div> <ul> <li><a href="http://google.ru">Ссылка из-за которой верхняя должна поменять цвет</a></li> </ul> </div> </li> </ul> </div> Вот меню, при наведении на первую ссылку открывается подменю, которое находится в <div>. Как сделать, чтобы при наведении на ссылки в диве, верхняя ссылка тоже меняла цвет? Вот наглядно, на первом изображении то, что есть, на втором то, что хочу сделать: Подскажите пожалуйста.
0 votes3 answers -
Помогите с версткой
народ помогите советом. не могу решение найти, потому что даже не знаю как сформулировать проблему. не сохраняются изменения в css файлах. Пишет This file has been modified by another program Когда нажимаю "проинспектировать страницу " в опере или в хроме то вместо нормальных файлов (style.css или template.css) мне предлагаются вот такой файл 3ee76bd7b2de32d1ae03139124316705. css (причем для любого элемента и страницы) , который лежит в папке cache До недавнего времени все нормально было. Почему все изменения предлагаются через КЕШ файл? Подскажите кто сталкивался пожалуйста. К сожалению пока на локалке, не могу предоставить сайт. использую joomla 1.5 + virtuemart 1.1.9 …
0 votes2 answers -
Центрирование изображения
Прощу помощи) Вопрос: Как центрировать картинку по вертикали в диве(который float) с заданной высотой. Есть какие нибудь более элегантные способы чем задание подсчитанного паддинга? Должно работать в ie6.
0 votes4 answers -
Не работает рефреш в ФФ
Друзья! Столкнулся с мелкой, но досадной проблемой, не знаю как решить, уповаю на вас! Есть элементарный код: <?php $titl = 'bla-bla-bla'; $price = 123; ?> <form action="demo2.php" method="GET" name="form1"> <?php echo('<input value="'.$titl.'" name="titl" />'); ?> <?php echo('<input value="'.$price.'" name="price" />'); ?> <input type="submit" value="КУПИТЬ" /> </form> Всё работает, значения корректно подставляются в поля формы, но если изменить значение вручную и затем сделать рефреш (Ф5 или ктрл+Р, неважно), значение поля НЕ возвращается в первоначальное, заданное переменной. На данный момент н…
0 votes2 answers -
проблема с полосой прокрутки
Здраствуйте ! У меня возникла проблема , сделал сайт на табличной верстке, но есть один " бок " : у меня широкоформатный монитор и когда заливал информацию на сайт то у меня отображается все отлично , но при открытии на мониторах с меньшим расширением появляется полоса прокрутки ! наблюдается при открытие некоторых страниц , например - http://edem24.ks.ua/gz.html'>http://edem24.ks.ua/gz.html !!!! Ширина в тегах table в процентах !!!!! вот сайт - http://edem24.ks.ua Помогите пожалуйста , как сделать чтоб не было это полосы прокрутки ...
0 votes3 answers -
высота в процентах
Всем привет. Как сделать высоту на 100% экрана? Этот код устанавливает только ширину: http://jsfiddle.net/vdVT8/ Заранее благодарен
0 votes2 answers -
Поправить линию
Ребят, как оптимизировать линию на скрине под Safari(iPhone) ? Даже в Opera Mini норм отображается 1-ый скрин с Firefox на компе : http://s017.radikal.ru/i436/1111/95/8fb5eecf8e31.jpg 2-ой скрин с Safari(iPhone) : http://s017.radikal.ru/i401/1111/95/2b01b5131381.png Основной CSS : http://paste2.org/p/1777448
0 votes0 answers -
Хочу сделать космос
Здравствуйте. Посоветуйте своих идей, пожалуйста. Вот я хочу сделать в браузере, чтобы был как будто полёт через в космосе идёт. В общем аналог "Сквозь пространство" это такая заставка в Windows XP есть. Вот как думаете на чём такое можно сделать? Я кроме как сделать смену слайдов на javascript, где будут идти по кадру и будет типо как анимация создаваться, ничего не могу придумать. В общем такой вот вопрос.
0 votes4 answers -
Фоновое изображение на первой строчке div`a
Всем привет! У меня есть див в котором текст, мне нужно на первую строчку, в левый угол, добавить изображение и чтобы у первой строчки был отступ на длину изображения(30px). Пробовал так: Код(html): <div class="title">→ Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст!</div> Код(css): .title { display:inline-block; padding:0px; margin:0px; color:#333; font-size:18px; font-style:italic; font-weight:bold; } .title:first-line { padding-left:30px; background:url(../images/tegs/twitter.png) no-repeat top left; } - Нет! Подскажите! Заранее спасибо!
0 votes5 answers -
Как сверстать такой вод блок
Как сверстать эти линии? Именно чтобы растягивались с контентом ну и расположить их так как я хочу? Просто растянуть на 100 процентов вниз див нельзя, а если родителю поставить фон картинку и repeat-y то нельзяч менять расположение фона. Как быть? Можно ещё через <ul><li></li></ul> попробывать, но мен кажется тогда вёрстка станет не логичной или я не прав?
0 votes4 answers -
перекрывающий блок position:absolute
проблема только в самом крутом браузере в том что блок центральный перекрывает боковые блоки ? откуда у него такой маразм? <!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=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} #conteiner{width:700px; height:300px;position:relative; border:1px solid red;} #left{width:100px;position:absolute;top:0;right:0; background-color:red;} #left2{width:300px;position:absolute;top:0;right:100px; ba…
0 votes4 answers -
Помогите с меню
Подскажите пожалуйста как сделать так когда нажимаешь на меню ( Ремонт квартир ) когда выезжает остальное меню, чтобы оно не закрывало слово ремонт квартир как на скриншоте показано, а выползало под словом ремонт квартир? Тему wordpress Stoxi можно скачать здесь http://files.mail.ru/LJF1SZ Скриншот можно скачать здесь http://files.mail.ru/JCXVRG
0 votes9 answers -
дергает всплывающее окно при попытке его сдвинуть
http://www.174help.ru/ в Google Chrome при открытии всплывающего окна и попытке сдвинуть его, окошко резко выдергивает влево. В чем может быть дело?
0 votes1 answer -
Прошу посмотреть, куда пропало изображение
Есть сайт http://molclub.ru/. Там есть лента новостей, под заголовком. Кнопка "влево", блоки, кнопка "вправо". Все float: left;. А кнопки справа не видно. Почему? Лента - .pipe в файле main.css. Готов выписать нужные части, но боюсь, проблема будет как раз вне этих строк. Заранее благодарен.
0 votes3 answers -
применение hover к тегу area
Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …
0 votes2 answers -
Анимированный фон
Приветствую. Так как более-менее внятной информации по css3 моем пути не встречалось. Не подскажите, как сделать анимированный фон средствами css3? Какова нагрузка при реализации?
0 votes9 answers -
Как избавиться от Drag&Drop элементов на странице
1. FireFox 7.0.1 2. Html^ <body> <div style="width: 200px; height: 200px; background-color: grey"></div> </body> А теперь внимание: Пытаемся перетащить квадратик... Ничего не получилось. Теперь сразу перетаскиваем этот квадратик еще раз... и уменя появляется системный Drag&Drop. Он мне очень мешает! Как от него избавиться?
0 votes1 answer -
@font-face на разных серверах
Доброе утро. Сделал статичную html страничку, в которой подгружаются шрифты через @font-face. На моей локальной машине, на моём реальном сервере, во всех браузерах я вижу нормальное подключение шрифта. На сайте заказчика я тоже нормально всё вижу, во всех браузерах (IE 7+, Google Chome 15, Mozilla 5, Safari 5, Opera 11). вот так я подключаю в файле css шрифты @font-face{font-family: "Myriad Pro.otf"; src: url('../fonts/MyriadPro-Regular.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Cond.otf"; src: url('../fonts/MyriadPro-BoldCond.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Light.otf"; src: url…
0 votes2 answers