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 при использовании в div
Делаю так, что при наведении на определенный div меняется его отображении. Все браузеры, кроме IE 6.0 отлично это понимают, но эксплорер то ли не поддерживает это свойство, то ли я что-то неправильно делаю, пишу в css просто .class1:hover{background-image:url(class1.jpg);}
0 votes5 answers -
margin - padding в таблице
Хочу получить нумерованный список в ячейке таблицы и установить отступ от границы ячейки до цифр 10px. Вообще не врубаюсь в логику IE 6, Mozilla, Dreamweaver 8 и как они соответстыуют рекомендации http://www.w3.org/TR/REC-CSS2/box.html. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style title="text/css"> ol{ /*margin-left: 10px;*/ /*Непонятно... в IE 6 цифры не входят в блок ol и заходят на границу ячейки Как считает Mozilla 2.0.0.4 тоже не понятно*/ padding-left: 10px; /*IE 6, Mozilla, Dreamweaver 8 - у всех поразному ...*/ border: 1px solid #00FF66;} li{ …
0 votes7 answers -
div лесенкой
Не могу нормальным способом сделать следующее: - слой - слой - слой - слой Единственное, что приходит в голову - или каждому слою дать id или запихнуть слой № 2 в №1, 3 в 2, 4 в 3 и каждому выставить отступ.
0 votes4 answers -
Вопрос по перекатываниям
Всем привет,у меня такая ситуация:решил сделать кнопки с эффектом перекатывания,но через CSS и с помощью идендификаторов,с JS ещ? не знаком,так вот первые две кнопки отображаются нормально,но когда я делаю третий идентификатор с указанием картинки и функцией hover,то кнопки изчезают,в ч?м дело?Буду очень благодарен за ответ. Вот код: A#rollover{ background: url('Глава1.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; left:140px; top:20px; } A#rollover:hover{ background: url('Глава1(актив).gif') } A#rollover2{ background: url('Глава2.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; l…
0 votes15 answers -
Дробный font-size
Подскажите как понимать цифры через слэш. Как их трактует браузер? body { color: #333333; font: 12px/17px 'Trebuchet MS','Lucida Grande',Arial,sans-serif; margin: 0; }
0 votes15 answers -
Импорт ie-only.css
Не знаю может баян, не нашел ответа. В общем дано: 1. index.html: <link href="style.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /> 2. style.css 3. iestyle.css Как грамотней подключить iestyle.css ? Варианты: 1. В index.html пишем <!–[if lte IE 6]><style type="text/css">@import url("iestyle.css"); </style><![endif]–> 2. В style.css пишем @import "iestyle.css" all; В первом варианте грузим в два потока(для IE) что нежелательно, во втором варианте нет условий для @import, т.е. грузят все браузеры. Как быть? Идеальным решением был бы второй вариант если бы для него можно было задать условие (if IE). Или я много хочу?
0 votes8 answers -
css аналог noshade у тега <hr>
Какой есть css аналог свойства noshade у тега , чтобы не писать постоянно , а грамотно с помощью css?
0 votes1 answer -
Валидация
Не могу проверить верстку валидатором. Выдает: Что в переводе Google означает: Подскажите, пожалуйста, что это за ошибка и где ее искать?
0 votes11 answers -
прблема c двумя <div>-колонками в div-контейнере
Народ, подскажите плиз... Есть следующая код #container{ width: 800px; margin-left: auto; margin-right: auto; text-align: left; border: 1px solid #E0E2EE; background: #FAFCFB; - не срабатывает в FF и Opere } #left{ width: 75%; padding: 5px 5px 10px 5px; float:left; font-size:0.9em; border-right: 1px solid #E0E2EE; } #right{ width: 22%; padding: 5px 6px 5px 0px; float: right; } #footer{ width: 100%; background: #F8F9FB; float: left; } <div id="container"> <div id="left">Некоторая инфа</div> <div id="right">Некоторая инфа</div> <div id="footer">Подвал<div> </div> Так вот все чудесно, только когда я …
0 votes6 answers -
Валидатор выдает ошибку
Доброго дня! Подскажите пожалуйста ответы на пару вопросов. 1. Валидатор выдает ошибку такую: td.stran Parse Error { background-image: url("/images/04.jpg"); BACKGROUND-POSITION: left top; background-repeat: no-repeat; background-color: #ffffff;} И также при таком коде в Мозиле и Опере эта фоновоя картинка не отображается! 2. Также Мозила не понимает следующий код: td.kontakt { font-size: 10pt; color: #f5f5f5; background-color: #89B2A3; text-align: center; font-weight: bold; } В IE и Опере все ок. Заранее всем спасибо!
0 votes12 answers -
Скрипт для установки стартовой страницы
Привет спецы! Нашёл вот в нете скрипт для установки стартовой страницы в браузере, но работает тока в IE и Mozilla/FireFox, что нужно в него добавить чтобы ещё и в Opera работал? Заранее СПАСИБО! <script language="javascript"> function gHomePage(objSrc) { var homepage = "http://www.site.com"; if (objSrc.style.behavior) { // MSIE objSrc.setHomePage(homepage); } else if (netscape && netscape.security && netscape.security.PrivilegeManager && navigator.preference) { // Mozilla/FireFox netscape.security.PrivilegeManager.enableP…
0 votes7 answers -
Проблема с адаптивом на iPhone.
Здравствуйте! Возникает проблема с вёрсткой на сайте на "просмотрщиках веб страниц" iPhone. На Android всё хорошо, на разных браузерах. Проблема в следующем, не блокируется скролл во всплывающем меню http://cartersbaby.ru/ на этом сайте. Вот примерные изображения проблемы: Собственно серого фона не должно быть, так же как и скролла долгого. В css забита высота этого серого элемента, но стоит overflow: hidden. Допускаю собственную ошибку, но на Android и эмуляторе в Chrome проблем нет.
0 votes4 answers -
Выпадающие меню в теме Slaed и ноль в FF
Вот сайт http://www.dancehustle.ru на него я сделал тему, пока не до конца доделал, появились 2 проблеммы: 1. Пункт меню Галерея(выпадания только для него нужно) выпадает и не закрывается при отводе мышки, не могу понять почему, вот код меню: HTML <ul id="cssmenu"> <li><a href="index.php">Главная</a> </li> <li><a href="#">О клубе</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> <li><a href="#">Ссылка 5&l…
0 votes28 answers -
Кодировки.
Доброго всем дня. Проблема вот в чём: <!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> <link href="css/styles.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> </body> </html> Такой вот прекрасный красивый код, валидатор ничего против не имеет, на хостинге всё работает идеально, никаких проблем. Запускаю на локалхосте. Получаю вот что: п»ї<!DOCTYPE html PUBLIC "-//W3C/…
0 votes12 answers -
Прямоугольник+треугольник через псевдоэлемент и градиент
Как сверстать такую фигуру? Моя идея: Сделать прямоугольник, добавить через псевдоэлемент треугольник. но как сделать его так, чтобы залить градиентом таким же, как и у прямоугольника? Ссылка на псд. http://rghost.ru/56934778
0 votes5 answers -
верстка фиксирование позиции слоя
Всем привет. Решил вот поиграться с divной в?рсткой - натолкнулся на проблему: Идут подряд 2 дива: #main_logo { float: left; width: 25%; min-width: 300px; } #header_nav { min-width:400px; } В первом диве картинка, во втором текст. При уменьшении размеров окна текст во втором диве переносться как только хочет вплоть до того, этот див переноситься под див с картинкой. :/ Меня же такое положение вещей в корне не устраивает. Как это побороть?
0 votes5 answers -
Td>img = 3px
не бейте, если этот вопрос звучал (а он вроде звучал), но не нашел ответа. в IE у картинки появляется отступ в 3px снизу, когда оная находится в TD. помогите ссылкой или хаком
0 votes16 answers -
Вертикальное меню - CSS & JS
Добрый день, хочу сделать выподающие меню, почитал разные статьи... Остановился на одном меню но прежде чем его осущевствлять хочу у вас спросить: кое где я вычитал что меню на js не индексируются роботами, это так(в данном случае см.внизу)? И может мне сделаете напутствие какое нибудь, к чему готовиться, или что не так может быть. Вот какого формата я хочу сделать менюшку ВОТ или такое ЕЩЁ, ну естественно стили, фоны будут чуть другими. Статья с инструкцией и стилями и прочим И как, такой способ не "левый"? Всем заранее спаибо. А, еще забыл сказать, что подменю в цикле будет выодиться(do...), ну с этим то проблем нге должно быть
0 votes1 answer -
Div блоки
Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?
0 votes4 answers -
проблема в ie, неправильный пересч?т картинок
Здраствуйте, имеется следующая проблема. Есть отдельная страница на которой выводится картинка и под ней панель навигации. Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте. Так вот в ie картинка искажается, поскольку он неправильно считает ширину файла (в css задано как auto) в ff и opera размеря считаются правильно. Ниже прив?л код страницы и css стили для них. <div class="one"> <div class="two"> <a href="img1.shtml" target="_blank"> <img src=" /pic/gallery/avdeev/avdeev1.jpg" alt="avdeev1.jpg, 1438 kB" title="avdeev1" class="image"></a> <div class="image_menu"> <a href="pre2.shtml">…
0 votes12 answers -
margin-left в 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"> <title>Untitled</title> <style> * { margin: 0px; padding: 0px; } #osnova{ width:100%; height: 100%; min-width:1000px; } #bodier{ height: 100%; background:#CFCFCF; position: relative; z-index:0; } #left_body{ width: 100%; height:600px; z-index:0; position: relative; } #podlogo{ backgro…
0 votes4 answers -
текст выводиться над слоем
вопрос таков: почему "злополучный текст" не в слое выводится а над ним? И чем я только не пробывал повлиять на сложившуюся критически ситуцию. Бестолку. Помогите.. Предложения типа: сверстай тоже самое таблицей или еще в этом роде - сразу предупреждаю не надо писать . Я уже их наслушался вдоволь. Не знаете как решить проблему - лучше молчите. И что это такое товарищи дизайнеры бежать от трудностей в коде.. ? Так дело не пойдет. Заранее спасибо! CSS: * { margin: 0; padding: 0; border: 1px solid white; } #X1_l { background-position: left; background-repeat: no-repeat; height: 240px; overflow: hidden; display:inline; } #X1_r { background-position: right; background-…
0 votes6 answers -
Пунктир вокруг... кнопок (submit, button) в FF
С пунктиром вокруг ссылок все понятно a { outline: none; } Эта тема обсуждалась на форуме. А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда: input[type="button"], input[type="submit"]{ ??? } Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.
0 votes16 answers -
как сделать ссылкой фрагмент блока?
вопрос: есть блок шириной в 1000 пх, надо чтоб ровно посередине него, была какая-то зона/блок/хз, при нажатии на которую юзверь отправлялся бы на мейн. пробовал задать у него посередине блок, и сделать его ссылкой, но почему-то в такой ситации ссылкой становится и материнский блок( пнгшку как-то не охота пихать(оптимизации ради). подскажите как ето сделать корректно и правильно?
0 votes21 answers -
Картинка напротив сайта в поисковике!
Подскажите код для того, чтобы при выдаче поисковиком (например яндексом) слева от текста была картинка. и код для добавления сайта в избранное. Спасибо!
0 votes16 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-