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
-
favicon
Всем привет! У меня не большая проблема с favicon, сделал его размером 16х16 на одном из сайтов, скопировал его в корневой каталог и прописал между тегами <head> </head> как там написано <link rel="shortcut icon" href="/favicon.ico"/> <link href="/favicon.ico" rel="icon" type="image/x-icon" /> Но у меня не хочет отображаться почему-то Не подскажете в чем причина?
0 votes13 answers -
Присвоить class="current" элменту списка или ссылке.
Подскажите, пожалуйста, каким образом элементу списка или ссылке присваивается class="current" динамически, при нахождении на странице по данной ссылке. Спасибо.
0 votes1 answer -
Помогите с футером!
Помогите пожалуста с футером! Знаю, что вопрос детский, но у меня в резиновом дизе не получаетцо! Вот html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>GenericBlue by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="st.css" rel="stylesheet" type="text/css" /> <link href="css/dropdown/dropdown.css" media="all" rel="stylesheet" type="text/css" /> <link href="css/dropdown/themes/default/…
0 votes6 answers -
Всплывающая подсказка над input полем
Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…
0 votes1 answer -
Правильный новостной заголовок
Здравствуйте. Я сделал для сайта новостной заголовок сл. типа: <h1 class="title><span>12.03.12.</span>Название новости</h1> Но хочу сделать другой вариант, например: <span>12.03.12.</span><h1 class="title>Название новости</h1> Так как мне надо записать всё в одну строчку, то тег <p> не пойдёт. Какие есть ещё варианты?
0 votes6 answers -
скругление углов с css
криво скругляются уголки. прошу помочь найти причину: разметка: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="Pragma" content="no-cache"> <link rel="stylesheet" href="./css/style.css" type="text/css"> <link rel="shortcut icon" href="./i/favicon.ico" type="image/x-icon"> <title>%title%</title> </head> <body> <div id="center"> <div id="menu"> <ul> <li><a href="./index.php">Главная</a></li> <li><a href…
0 votes6 answers -
Цвет маркера
Как можно задать маркеру цвет? Чтобы не пользоваться list-style-image.
0 votes2 answers -
Есть пара вопросов по HTML
1. Чем отличается <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> (строгий синтаксис HTML) от <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (переходный синтаксис HTML) и что лучше использовать? В исходном коде главной страницы этого сайта стоит строгий, вот мне и не понятно. 2. Какую кодировку стоит использовать? <meta...charset=windows-1251" или utf-8 ?> 3. Нужно ли применять свойства meta name= "description и keywords?" Буду крайне благодарен за помощь
0 votes13 answers -
Кусок страницы с Гисметео
Такой вопрос, как можно взять с этой страницы кусок и разместить у себя на сайте. Вот что нужно, эту часть страницы:
0 votes8 answers -
Как заместить оставшееся место в браузере
Здравствуйте, подскажите пожайлуста , как сделать что бы вместо белого фона на странице был та же картинка, только занимала всю площадь окна браузера, независимо какое разрешение экрана у посетителя. Спасибо. Вот здесь
0 votes9 answers -
Фон
Есть такая проблема с фоном: http://floomby.ru/content/7nWcL1Hi40/ http://floomby.ru/content/Grv4nje8qE/ Во втором случае специально фон изменил на черный чтобы было наглядно. Сообствено вам проблема должна быть ясно: фон не "растягивается до конца элемента. В чем проблема? Вот код: <!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>Природа Мурманской Области</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </he…
0 votes7 answers -
Помогите разобраться с позиционированием ДИВов
Доброго дня. Помогите с позиционированием элементов. Есть 4 дива: <div id="header"></div> <div id="left"></div> <div id="right"></div> <div id="footer"></div> Должно все выглядеть примерно так: Нужно чтобы: 1. при включении свойства display:none у #left, ДИВ #right должен автоматом занимать его место и растягиваться по всей ширине экрана. 2. при изменении размера окна, должны сжиматься ДИВЫ: left - по высоте, до какого то предела, по ширине он фиксированный. right - должен и по высоте и по ширине, до какого то предела header и footer по ширине, по высоте они фиксированные. Подскажите как правильно начать позиционировать, ч…
0 votes9 answers -
блоки в строчку
Вот собственно код меню CSS: #menu p{margin:0; display:inline;} a.menu{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id=…
0 votes8 answers -
Помогите с меню
В файле есть такой код: <tr> <td class="td2"></td> <td> <a href="#" onmouseover="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11-over.jpg'); return true;" onmouseout="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg'); return true;"> <img name="siteground_Layer_11" src="<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg" width="66" height="29" border="0" alt=""></a></td> <td c…
0 votes1 answer -
Как посмотреть стиль поля через FireBug?
Уж простите за ламерский вопрос, реально не догоняю. У меня на сайте есть поле, в него вложено изображение. Вопрос: как через FireBug посмотреть CSS стиль этого поля? Т.е. мне нужно узнать только название этого стиля, дальше я уже сам справлюсь. Нажал на поле правой кнопкой мыши, выбрал "Анализировать элемент". А что дальше?
0 votes4 answers -
тэг Embed
как в этом тэге добавить вид плеера, ибо я прописал станд. параметры, получилось что видео идёт без остановки по кругу, и нету кнопок нав. тоесть пауза пуск, стоп!!!
0 votes4 answers -
Нужен совет провесоонала!
Ребята, помогите решить проблему, которою так и не смог решить сам. Может кто-то сталкивался с данной ситуацией – два блока, которые размещены рядом, в 6-м ІE не корректно отображаются, а это очень существенно. Когда открыть код, можно это все наглядно увидеть – белая полоса между черным и зеленым блоком. У других браузерах проблем нет, это только в 6-м ІE! Заранее спасибо. <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251…
0 votes3 answers -
Изменение чего либо по какому либо событию
Подскажите пожалуйста, как мне изменить размеры таблицы по нажатию на кнопку, используя язык JavaScript.
0 votes11 answers -
Вертикальное выравнивание внутри дива.
Вертикальное выравнивание внутри дива. Научите правильно это делать кросбраузерно и именно через vertical-align: middle Вариант с padding или line-height не подходит. Интересует, как правильно выравнивать по вертикали текст или другой див. Заготовил формочку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0;} .max1 { height : 300px; background: red; } .max2 { height : 300px; background: black; } .max2 div { height : 50px; width : 50px; background: green; } </style> </head> <body> <div class="max1">…
0 votes9 answers -
Обтекание
У меня есть вот такая проблема: есть логотип #logo и заголовок сайта #title. По логике логотип должен находится слева, а заголовок справа обтекает логотип, но заголовок остается сницу. в чем проблема? Вот код: <div id="header"> <p id="logo"><img src="style/logo.png" width="193" height="200" /></p> <h1 id="title">Природа Мурманской области</h1> </div> #logo {float:left;} #title {font-size:50px; color:#150098;}
0 votes23 answers -
Блок "Полезный софт"
Изначально делал блок с полезным софтом, сделал таблицу, открыл tr, td, запихнул иконки программ (только что сделанные в фш ) закрыл td, открыл td, напихал ссылок на софт и тут начались проблемы.....то между изображениями расстояние в 1px, то текст весь идёт по центру (снизу вверх) и уходит вправо, то вообще сайт слетает, прошу мне помочь.... хДД В общем пришёл я к тому, что решил сделать этот полезный софт изображениями, точнее ссылки на софт, так вот теперь изображения не показываются, прошу покавыряться в моём коде... /* Soft */ .allsoft {border:1px solid #000;border-top:0;background-color:#1b1b1b;width:200px;height:320px;} .allsoft a:link,.allsoft a:visited,.allsoft…
0 votes15 answers -
Вставка видео в статью!
значит дело вот в чём... делаю свой первый интернет-магазин...с помощью Джумла... всё бы ничего, но остался в оформлении один единственный шаг, и этот шаг называется вставка видео в статью...то есть так как у меня магазин, то к товару нужно прикрепить видео... сделал с помощью тэга EMBED видео идёт отлично, но смущает то что в нём нету системы управления, то есть паузы, пуск, перемотки... помогите плз, я думаю Вам это будет не сложно... заранее спасибо!!!
0 votes2 answers -
С таблицей проблема
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <style type="text/css"> html, body {height: 100%; width: 100%} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} html, body, table, tr, td {margin:0; padding:0} td {vertical-align: top; border: 1px solid #abcdef} table {table-layout: fixed;} #maim {display:tabl…
0 votes7 answers -
pc и mac - разное отображение цвета
Сверху - отображение под маком, снизу - пс. Причем на маке такое искажение только в ФФ и Сафари. таже опера все нормально отображает. Уже незнаю в чем дело. Левая картинка - jpg ( http://help-yelp.ru/macpc/head_left.jpg ), фон - png ( http://help-yelp.ru/macpc/head_bg.png ) Может я как-то не так цвет сохраняю но с другой стороны ведь в опере - нормально все....
0 votes12 answers -
проблемы в фф
данные стили идентично отображаются во всех браузерах #wrapper .sidebar_right .search{position:relative;} #wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;} #wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-