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
-
Подскажите по обтеканию..
Здравствуйте! Есть участок html: <div id="footer"> <div class="content"> <div class="imgline"> <img class="leftimg" src="Claim_dark_grey_on_white_01.gif"> </div> <p>На иллюстрациях может быть изображено дополнительное оборудование.</p> <p>Материалы, размещенные на данном Сайте, предназначены для клиентов Opel в Российской Федерации и не могут быть применены вдругих странах. Opel будет прилагать все усилия, чтобы обеспечить точность и актуальность данных, содержащихся на Сайте, однако Opel не несет никакой ответственности в отношении любых претензий или убытков, понесенных в связи с использованием информации, разм…
0 votes10 answers -
z-index IE8
Добрый день! Есть проблема: Есть два дива. bottomgradient - заливается на всю ширину одним элементом. bottomleft - ложится поверх заливки слева. В мозиле все отлично, +1 в опере, а вот в IE8 - хрен. Как это можно исправить? HTML <div id="bottomgradient">bottomgradient <div id="bottomleft">bottomleft</div> </div> CSS #bottomgradient { height:19px; background-image:url(../images/1_22.png); position:relative; z-index:1; } #bottomleft { width:101px; height:19; background-image:url(../images/1_21.png); background-repeat:no-repeat; position:relative; float:left; z-index:2; }
0 votes5 answers -
Сколько денег можна взять за верстку этого сайта ?
Сколько денег можна взять за верстку этого сайта ? http://bmdekor.ru/
0 votes15 answers -
Отображение курса валют XML -> HTML
Нужно, чтобы на странице отображался текущий курс валют (двух главных: евро и доллар). Информер не подойд?т. на сайте ЦБ написано, как это сделать. Как вс? это претворить в жизнь? куда вставлять данный код? нужно сначала создать xml-фаил, а потом вывести его на html-страницу? или данный код уже можно сразу вставлять в html_код?
0 votes2 answers -
max-width, ie6 и ширина в процентах
У меня такая проблема: есть див с картинкой в бекграунде и свойством width заданном в процентах. При расширении экрана когда ширина блока становится больше ширины картинки - вылазит ненужный background-color. Что бы этого избежать использовал свойство max-width, и для ie6 использовал width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 427 ? "427px" : "auto"); В этом случае max-width для ie6 работает, но отключается width заданное в процентах и как следствие блок нормально не сужается. Кто-нибудь может посоветовать как это решить...
0 votes3 answers -
Непонятный зазод для hr в div
Уважаемые форумчане помогите разобраться с проблемой Как убрать зазор между hr и верхней границей div помогите разобраться. Из следующего кода <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style type="text/css"> * { margin: 0; padding: 0 } div {border:solid 1px red;} hr { border: 0; height: 1px; line-height:0; background-color: #b7b7b7; font-size:0;} </style> </head> <body> <div style="width: 360px; float: left;"> <h1>Test Header</h1> <div> <hr/> <h3&g…
0 votes4 answers -
iframe и сессии
Хелп!!! внутри iframe php страница не видит переменные сессии, то есть: main.php: $_SESSION['var']=1; <iframe src="inner.php"> </iframe> то в inner.php $_SESSION['var'] и другие переменные пустые что надо сделать чтобы внутри inner.php можно было использовать переменные сессии???
0 votes1 answer -
Смещение блока в IE6
Стандартно это делается через указание в CSS левого и центрального поля - плавающим {float:left} и если в блоках находится простой текст без какого любым форматированием все срабатывает, кроме той ситуации когда текст выравнивается по ширине (alligne="justify")? тогда и начинаются проблемы в IE 6.0, третий блок переносится в следующую строку, хотя в остальных браузерах все нормально Как сделать так чтобы все блоки располагались в строчку, независимо от того какой формат контента в них? Вот рисунок: А вот код: <div class="conteiner_main" align="center"> <div class="content_conteiner"> <div class="left_column"><p>Три…
0 votes10 answers -
SOS! Opera 10.62 лагает при стандартной задаче
Странно, но у меня ни когда не было проблем с Оперой 10* а теперь вообще необъяснимый для меня глюк (подробнее см. рисунок). Почему Header уполз вправо????? Почему Мозила и Хром все отлично отображают?! HTML документа такой: <div id="header"> <div id="menu"> <ul id="nav"> <li class="m2"><a href="/portfolio" /></li> <li class="m3"><a href="/biografi" /></li> <li class="m4"><a href="/services" /></li> <li class="m5"><a href="/products" /></li> <li class="m6"><a href="/contact" /></li> </ul> </div> <div id="logo"><a …
0 votes6 answers -
помогите нужно добавить модуль для ucoz
Здавствуйте, у меня сайт на ucoz и я с html не разбираюсь Скажите пожалуйста куда и как это сувать? говорят между тегами <head> и </head> это как? В head: <style type="text/css"> .tdfr { border:1px solid #C2C5CA; padding:2px 5px; margin:2px;} .tdfr img {opacity:0.65; filter:Alpha(Opacity='65');} .tdfrh { border:1px solid #969696; padding:2px 5px; margin:2px; background: #EAEBEC; } .tdfr a, .tdfrh a {font-size: 9px;} .deletedfr {width: 100%; height: 100%; background: white; opacity:0.45; filter:Alpha(Opacity='45');} #capcode {width: 100px; height: 35px; text-align: center; color: grey; font-size: 14pt;} .moreFr {border-top: 1px solid #C2C5CA; pad…
0 votes11 answers -
3 колонки внутри 3 колонок :)
Сделал 3х колоночную верстку. Пытаюсь в левомй панеле сделать опять 3 колонки для того, что бы в блок 1 вставить угол декора в блок 2 линию блок 3 другой угод декора Так вот 1-2 идут в ряд, а блок 3 слетает вниз. Но почеееееему ???? <!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=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="maket"> <div id="header">Шапка </div> <div id="…
0 votes15 answers -
Нужно обвести текст
Подскажите как в css можно обвести текст.
0 votes1 answer -
Как сделать чтобы DIV выравнивался по ширине?
Как сделать чтобы DIV растягивался в ширину по мере написания в н?м контента... в IE работает правильно а в Mazille не тянется <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <head> <style type="text/css"> #d1{width:1%; border:#f00 solid 1px} </style> </head> <body> <div id="d1">приветприветпривет</div> </body> </html>
0 votes7 answers -
не работает прозрачность
по каким причинам кроме может не работать свойство opaciy? (пользуюсь браузером Мozilla а не Explorer). допустим есть gif анимация: сделал так что б была ссылкой в стилях написал a { opacity:0.5;} a:hover { opacity:1.0;} почему то не работает пожалуйста объясните причину или напишите правильный код
0 votes6 answers -
Лишние отступы и проблема с border+z-index в IE7
Здравствуйте. Есть непростое меню, где элементы при наводке увеличиваются, занимая часть пространства соседнего элемента. Вот оно: http://atm-book.ru/test/1/ Сделано это с помощью абсолютного позиционирования. Проблема в том, что в IE7 появляется нижний отступ при наводке на элемент и видна верхняя рамка нижнего элемента, не смотря на то, что z-index'ом однозначно указано, что элемент при наводке находится выше остальных. Естественно, что во всех нормальных браузерах всё работает как надо. Код HTML: <ul class="main_menu"> <li><a href="#">Новости</a></li> <li><a href="#">Новости</a></li> <li><a href="#">…
0 votes2 answers -
Отображение Open Sans Condensed в Chrome
Приветствую. Подключил с гугла шрифт Open Sans Condensed. В webkit браузерах не нормально отображется, у некоторых букв будто срезана верхушка. Например: Если увеличить масштаб до 110%+ то все нормально выглядит, при стандартном масштабе такой вот косяк. Как можно вылечить? UPD: сделал вот в песочнице пример, откройте в хроме к примеру, что интересно, в фоксе тоже косяк такой, верхняя часть букв "Г" и "П" полупрозрачная. Это именно в песочнице, на сайте все норм.
0 votes1 answer -
текст внутритаблицы, проблема
В общем, интересует меня такой вопрос. пишу страничку на хтмле. В цсске указал ширину таблицы в 1000 пикселей, но если туда засунуть сплашной текст, таблица расширяеться в размерах. подскажите как сделать так чтобы текст переносился на новую строку автоматически. очень нужно. это не выход. ЗЫ. в самом коде хтмлки указывал таблице 1000 пикселей, вс?ровно расширяеться
0 votes6 answers -
Размер выпадающиего списка
Добрый день, подскажите пожалуйста как задать высоту (колличество строк) для раскрывающегося списка (). Спасибо.
0 votes7 answers -
table
ребята помогите с проблемкой =( ...вытаскиваю с базы данные в таблицу, если допустим текста много то таблица растягивается за пределы страницы, как быть? помогите =) width в % или px ...вообще нериагирует =(
0 votes9 answers -
Посоветуйте крутилку для баннеров
Посоветуйте какую-нибудь хорошую крутилку для баннеров.
0 votes7 answers -
Подменю исчезает при наведении
Возникли трудности при вёрстке подменю: если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню. Вот код: http://jsfiddle.net/LOL1/jokr73qq/6/ Как сделать, чтобы подменю не исчезало при наведении?
0 votes4 answers -
Поиск определенного кода в домене
Требуется найти определенный код на странице. Эта функция требуется в связи с тем, чтобы проверить, присутствует ли баннер на определенном сайте. Пробовал гуглить, но толком не добился ответа, сразу ссылается на гуглсерч, но есть ли скрипты или как еще можно это проверить?
0 votes9 answers -
как дасть разным классам одни свойства
вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…
0 votes10 answers -
Рамка, А В Ней Сайт
Пытаюсь сделать рамку вокруг сайта, сверху и сбоку проблем не возникает. А вот снизу надо повесить на окно браузера. Т.е. хочется чтобы сайт не растягивал низ, а был в фиксированной рамке и крутился в ней.
0 votes19 answers -
Валидация. Мозг вскипел....
Здравствуйте. Validator.w3.org выдает ошибки по моему шаблону которые я исправить не могу так как не могу понять что не так... Буду благодарен за разъяснения. 1. required attribute "type" not specified <script>(function(){if(window===window.parent){… 2. document type does not allow element "input" here; missing one of "ins", "del", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "address", "fieldset" start-tag <input type="text" name="s"> 3. start tag was here <input type="text" name="s"> 4. end tag for "input" omitted, but OMITTAG NO was specified <input type="submit" value="Искать" > 5. required attribute "alt" not specified …" height="49" src…
0 votes18 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-