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
-
Выравние разного текста по верху блока
Ребята, подскажите как текст разного размера выравнивать по верхнему краю в блоке, вот код: #telephone { position: absolute; right: 0; top: 140px; display: block; } #telephone p { color: #7540f8; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: lighter; text-align: right; } #telephone p em { color: #ff0066; font-family: Georgia; font-size: 36px; } <div id="telephone"><p>+7 (xxxx) <em>xxx-xxx-xxx</em></p></div> Спасибо
0 votes10 answers -
Как можно сделать "резинку" с применением % и px
Здравствуйте. Подскажите пожалуйчта, как можно сделать "резинку" с применением % и px, а именно: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; wid…
0 votes24 answers -
Размер шрифта в Windows и Linux
Проблема: есть сайт представляет из себя разрезанную картинку сверстанную таблицей. Когда делался сайт у меня была установлена операционка windows, все под это дело и подгонялось под все браузеры. А теперь при переходе на linux выяснилось что весь сайт разлезся и превратился в кашу непонятную... И все потому что шрифт стал больше, соотвенно и картинки все поздвигались. Как теперь это исправить не пойму, и можно ли теперь сделать так чтобы везде сайт выглядел одинаково?
0 votes21 answers -
Как сделать анимацию цикличной?
Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!
0 votes2 answers -
смена backgrounda при наведении
Есть таблица, в ней надо сделать чтобы при наведенние на строку она меняла цвет, методом td:hover делаеться ячейка, а вот к tr такой метод не проходит(( Подскажите как можно реализовать это через стили?
0 votes6 answers -
Как у списка (ul) увеличить размер точки
Как у списка (ul) увеличить размер точки ( та что вылазиет с боку автоматом )
0 votes6 answers -
валидация вложенных списков
Помогите разобраться с валидатором! Определился с доктайпом: HTML 4.01 Transitional. Но ругается на менюшку: Менюшка не простая с раскатывающимся списком: <div id="menu"> <ul type="circle"> <li><a href="http://samizdam.spb.ru/" title="На главную!!">Главная.</a></li> <div class="autors"> <ul> <li onclick="tree('a',4)">Авторы: <ul> <li id="a1"><a href="/mira/">Мирра П</a></li> <li id="a2"><a href="/giena/">Весёлая Гиена</a></li> <li id="a3"><a href="/gnato/">Николай Гнатьо</a></li> <li id="a4"><a href="/volchona/"…
0 votes8 answers -
Выравнивание данных таблицы относительно заданного символа
Задача: допустим есть таблица с данными 0.33 23.34 0.3445 234.56666 нужно выровнять их по "." нашел в хтмл параметр align="char" но он не работет =( как это можно реализовать? ксс, ява?
0 votes7 answers -
Срочно нужна помощь.В CSS. Подменю наезжает друг на друга
Люди помоготи разобраться с под меню. оно почему то наезжает на другой пункт меню. Не как не пойму почему. Вот как должно выглядеть меню http://s55.radikal.ru/i149/1001/f4/79c3f0f29f81.jpg Вот как оно выглядит сейчас http://s02.radikal.ru/i175/1001/be/4b45503a53cb.jpg Вот код <div id="left-menu"> <div class="moduletable"> <ul class="menu"><li class="parent item9"> <a href="/ru/building"><span>Строительство</span></a><ul><li class="item195"><a href="/index.php"> <span>технический подряд</span></a></li><li class="item211"><a><span>генеральный подряд</spa…
0 votes2 answers -
Помогите с формой калькулятора
с этого сайта я выхватила код этой формы: видно, что все поля формы - обычные текстовые. Такими они у меня и получаются, если я скопировала и воспроизвела это в броузере. Вопрос: а как же у них на сайте эти поля с ползунками получаются? я попробовала сделать форму с ползунками с помощью html5 (там теперь есть renger), но всё равно ползунок в броузере не отражается - ни в мозилле, ни в IE (в последних версиях) что делать , не знаю. подскажите. Очень надо. может, кому не очень трудно написать код этой формы с ползунком (там немного строк), просто, может я где-то делаю ошибку. спасибо.
0 votes10 answers -
Хочу сайт!
Привет всем! Загорелось мне тут создать в личных целях некий он-лайн словарь наподобие такого http://www.gramota.ru Посоветуйте какой движок лучше подойдет для этих целей? И где найти подобный шаблон? Не сильно серчайте, если что не так....
0 votes17 answers -
Смещение Блока при наведении
Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }
0 votes7 answers -
Автоматическое заполнение атрибута title у тега <a>
Добрый день, уважаемые форумчане. Есть сайт. У всех имеющихся на нём ссылках атрибут title не указан. Недавно заметил странную вещь. А именно то, что атрибут title автоматически заполняется. Причём везде по разному. Где то он просто дублирует текст ссылки, где то дополняет его словами, как связанными так и не связанными с темой ссылки. А где то вообще выходит фигня типа: "порно скачать". Заполняется этот атрибут именно при отображении сайта в браузере. В самих файлах атрибут по-прежнему остаётся не указанным. Конечно, это легко исправить путем заполнения атрибута title во всех ссылках. Но хотелось бы понимать суть происходящего.
0 votes19 answers -
Помощь по СSS.
Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами. <!DOCTYPE html> <html lang="en"> <head> <title>MySite</title> <meta charset="utf-8"> <link rel="stylesheet" href="text/style.css"> </…
0 votes7 answers -
Рисунок-ссылка слоями
Как сделать чтобы вставленный рисунок в слой стал ссылкой?
0 votes5 answers -
высота <li>
#menu li { padding-top: 8px; padding-bottom: 9px; display: block; border-bottom: #c5c5c5 solid 1px; background: url(../img/menuico.gif) left no-repeat; } #menu a { padding-left: 18px; font: 11px Tahoma; color: #343434; text-decoration: none; text-align:center; letter-spacing: 1px; } #menu a:hover { color: #FAA619; } <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Задать вопрос</a></li> <li><a href="#">Поиск</a></li> <li><a href="#">Форум</a></li> </ul> </div> в разных браузерах высота …
0 votes5 answers -
Проблема с загрузкой файла на локальном сервере.
Не успел отловить момент, когда случилась данная проблема, или ошибка, а может и не ошибка... Вобщем суть в следующем: Из таблицы подгружается текст вместе с сылками к картинкам и файлам лежащим на сервере. Раньше при нажатии на ссылку "Скачать" - браузер, как и положено, предлагал варианты: сохранить, открыть, отмена..., а сейчас блин, он сразу их открывает ничего не предложив, а так как файлы заархивированы он естественно открывает крякозябры. :/
0 votes13 answers -
Высота ячейки 100% в IE - действительно решения не существует?
Проблема очень простая и несколько раз уже обсуждалась на форуме (тут, например), но решения так никто и не нашёл. Дано: простейший макет - таблица из трёх строк (хидер, контент и футер), растянутая на 100% по высоте. Хидер и футер имеют фиксированную высоту, контент занимает всё остальное пространство. В quirks mode это замечательно работает, а вот при добавлении любого валидного доктайпа начинаются проблемы: в Опере и ФФ всё показывается нормально, а в IE6 вертикальные размеры ячеек игнорируются, и в итоге (при пустом содержимом) все три ячейки занимают по трети высоты таблицы. Пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html…
0 votes10 answers -
Два Блока Рядом.. Выходит Только Если Ширина..
Здравствуйте снова! =) У меня опять вопросик.. как то так вышло, убрал один враппер (как оказалось ненужный див.. ) и что-то съехало, начал поправлять и наткнулся на интересный момент.. сейчас есть CSS: #footer{ margin:13px auto 0px auto; padding: 0px 13px 0px 13px; position: relative; clear: both; width: 992px; height: auto; background-color: #fff; ~border: 1px solid #000; font-size: 10px; line-height: 11px; } /* FOOTER CONTENTS */ #footer > p{ margin: 0px 0px 13px 0px; padding: 0; text-align: justify; clear: both; color: #777; } #footer > .imgtext { width: 100%; height: 100%; clear: both; overflow:hidden; background-color: #ccc; margin: 0px 0px 8px 0px; } #fo…
0 votes12 answers -
Выпадающие окна меню с помощью css
Добрый день! Нужна помощь коллективного разума, так как сама не справляюсь. Нужно сделать выпадающие окна с помощью css. У меня получилось вот такое (см. код), но я уперлась в проблему: выпадающее меню не становится линейным, как список верхнего режима. Я в курсе, что это свойство задается float: left, однако куда именно его вписывать - не понимаю (метод тыка результатов не принес). Если сможете объяснить, в чем ошибка - буду крайне признательна. Код прилагается. Спасибо! <style type="text/css"> #navigation { list-style: none; float:left; color: white; font-family: Franklin Gothic Medium; font-size:14px; width: 100%; } #navigation li { float:left; position:relat…
0 votes2 answers -
Проблемы с рамкой в Mozille и Opere
Рамка отображается неправильно в Mozilla и Opera (в IE работает нормально) ====================================================== <!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"> <title>Проблемы с рамкой в Mozilla и Opera</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" cols="3"> <tr> <td width="12" height="12"><img src="img/ram-1.gif" width="12" height="12" border="0" alt=""></td> <td height="12" background="img/ram-2.gif"&g…
0 votes6 answers -
Подсветка области area
На большой картинке выделил область (area) в качестве ссылки на другой документ html: <img src="image.jpg" usemap="#karta"> <map name="karta"> <area href="doc2.html" shape="rect" coords="50,60,70,80"> </map> Как сделать так, чтобы при наведении курсора мышки на эту область выделялись (подсвечивались) ее границы? Что-то вроде этого необходимо: <div id="qaz" onmouseover="this.style.borderColor='orange'" onmouseout="this.style.borderColor='black'"> </div> CSS: #qaz {border:6px solid black;} Проблема в том, что у area нет этого самого border.
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=utf-8"> <title>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^
0 votes8 answers -
Как сделать такие страницы?
Как сделать страницы: index.php?id=1 index.php?id=2 index.php?id=3 index.php?id=4 index.php?id=5 index.php?id=6 index.php?id=7 и т.д.?
0 votes12 answers -
Как на bootstrap 4 собрать такую сетку?
Это вообще возможно? Мои попытки родили такую конструкцию, но она не работает, как и ожидалось: <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-3"></div> <!--тут уже не выходит - размеры считаются по родителю--> <div class="col-md-9"></div> </div> <div class="row"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> <div class="col-md-3…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-