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
-
Смена картинок через hover
Здравствуйте, подскажите пожалуйста. Столкнулся с такой проблемой: нужно чтобы при наведении курсора картинка менялась на другую, т.е. по факту, она должна прокручиваться вниз (картинка: ширина 250, высота 500). Но самое главное на странице таких картинок нужно девять и все разные.
0 votes5 answers -
Центрирование слоя внутри слоя
Подскажите, пожалуйста, как центрировать слой произвольного размера внутри другого слоя? Изначально: Как должо быть:
0 votes5 answers -
уникальный класс для списка
Имеется список с классами к каждому елементу, не могу присвоить к каждому классу уникальное значение стиля. Если присваиваю елементу Folder 3.1.1 класс то все елементы которые идут после него в подсписке приобретают этот класс. Как сделать их уникальными. Т.е. например .main с красным бекграундом .sub с синим, если к классу .sub добавляется подкласс plus то бекграунд ТОЛЬКО ЭТОГО елемента становится белым а все остальные елементы которые находятся в подсписке имели синий цвет. <li class="main"><a href="#">Main item</a> <ul> <li class="sub"><a href="#">Folder 2.0</a></li> <li class="sub plus"><a href="#">…
0 votes5 answers -
Изображение перекрывает видео
Помогите пожалуйста с проблемой: Есть область с видео с youtube, ниже нее находится область картинок. При увеличении картинок, увеличенные картинки оказываются за видео.
0 votes5 answers -
Неправильный CSS
Здравствуйте. Можете поправить мне CSS? пожалуйста. Не пойму в одном браузере Mozile нормальный выводит точки, в другом браузере Google Xrome завышены... .subForumsPopup .dot span { height: 0px; left: 6px; margin-top: 10px; position: absolute; width: 0px; border: 2px solid #6cb2e4; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; } Допустим ставишь margin-top: 10px; в одном браузере нормально выводит... а в другом все криво
0 votes5 answers -
Черная полоса и таблица
День добрый! Не люблю приамбул, но здесь придется: код - первая доска для проб лепки из пластелина, на которой происходило и происходит знакомство с азами, так что не надо умничать про кривизну, я и сам догадываюсь, ответьте по делу: 1. На сайте вверху черная-причерная полоска во всех браузерах (хотя в ИЕ, например, она шире). 2. Сайт - сплошная таблица, заполненная картинками (где содержанием, а где и вовсе бэкграундом). Во всех браузерах отображается корректно, но в некоторых версиях Оперы (в т.ч. и Portable) есть момент - примерно каждый 10й заход на сайт ломается таблица и отображается что-попало. Эффект можно пронаблюдать методично нажимая F5. На последних верси…
0 votes5 answers -
Уберите пожалуйста таблицы
Уберите все таблицы Вот код: <div style="width:50%;float:left;"> <fieldset> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$IMG_URL1$" src="$IMG_URL1$" align="left" height="75" width="75"></a> <fieldset><font size="2" style="text-align: left; font-size: 10pt; "><a href="http://game-ch.ucoz.ru/$ENTRY_URL$" style="text-align: left; ">$TIT…
0 votes5 answers -
Зазоры в ul
вот такой код <!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=windows-1251"> <title></title> <style> .nov ul li{display:inline-block; background-color:#D1D3D5; padding:3px 5px;} .nov li a{text-decoration:none; font-family:Arial; font-weight:bold; color:#2C2D2D; font-size:14px;} </style> </head> <body> <div id="wrapper"> <div class="nov"> <ul> <li><a href="#">Тест</a></li> <li><a href="#">Тест</a></li> <li><a hre…
0 votes5 answers -
PHP запрос
Доброго времени!!!В базе в поле text(для контента) размещён определённый текст и в конце вывожу ссылку на файл который лежит в каталоге корня сайта,при обращении к ссылке появляются каракули!!! Люди прошу помощи,в чём причина.За ранее Спасибо....
0 votes5 answers -
Стиль для текста
Здравствуйте, верстаю шаблон для новичков . Я хотел дать шрифту который побольше <h4> и применить к нему стиль, но так как там нужно давать два разных стиля для <h4>, этот вариант не подходит. Как правильно применить стиль для этого текста? Дать абзацам класс или можно сделать правильную выборку?
0 votes5 answers -
Функции кнопки отправки
Я тут пробую делать первые шаги в этом деле, короче. Такая задача. Есть форма и есть кнопка "отправить", нужно сделать так, чтобы кнопка "отправить" - после первого нажатия - заблокировался и форма отправилась. Ато сейчас можно нажать 100500 раз на кнопу - и столько само раз отправитца )) Ну задачу поняли?
0 votes5 answers -
Присоединение к вертикальной колонке другой колонки
Подскажите, пожалуйста, как к вертикальной отцентрированной колонке присоединить прилепить другую колонку, так что бы отцентрированная колонка осталась отцентрированной?
0 votes5 answers -
Авторизация
Пацаны помогайте. Проблема с версткой кнопки в окне авторизации. Задал высоту кнопки "Войти" 130px, показывает эти 130px только фаерфокс, остальные бразуеры(исключая ИЕ, его не пробовал) ставят высоту по дефолту. С шириной таких проблем нет. Это просто практика поэтому больше интересна причина возникновения проблемы.
0 votes5 answers -
Проблема с атрибутом id
Не могу разобраться с лого, в его расположением, не могу переместить... Прошу помочь. index.html <!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" lang="en"> <html> <head> <title>Главная</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div id="logo"></div> <a href="/"><img src="images/logo.gif" alt=""></a> <div id="info"> <h1>Главная страница</h1> <p>Привет дорогой др…
0 votes5 answers -
Проблема с вёрсткой
Здравствуйте!У меня странная проблема, с которой я раньше не сталкивался.В общем суть моей проблемы: разный просмотр страниц до авторизации и после! 1. До авторизации http://savepic.su/1394291.png 2. После авторизации http://savepic.su/1408627.png Вся проблема заключается в шапке сайта. HTML CSS
0 votes5 answers -
Что значит в css "."
#middle:after { clear: both; content: "."; display: block; height: 50px; visibility: hidden; } Что значит конкретно content: ".";
0 votes5 answers -
Как сделать кнопку при наведении которой она будет менять картинку?
Вобщем есть две картинки button.png(просто фон кнопки) и hbutton.png(фон при наведении).Создал в css класс nav и написал еще два a.nav {background: url(../images/button.png) repeat-x 0px 1px ; width:100% ; height:46px ; margin:auto ;text-decoration: none;} a.nav:hover {background: url(../images/hbutton.png) repeat-x ;font-size:15px;color: #000;} А в html сделал так <div class="nav"> <table> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Главная</span></td></div> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Фа…
0 votes5 answers -
Управление html сайтом
Всем привет. Сразу извиняюсь за то, что пишу, наверное, не совсем туда куда нужно (стоило писать в раздел про cms, но там приткнуться негде). У меня специфический вопрос. Я делаю статичные сайты html + css. Клиентам все нравится, кроме одного — они хотят сами редактировать свои сайты (а разбираться с html и ftp, как вы понимаете, не хотят совсем). Поэтому у меня такой вопрос: Можно ли сделать что-то похожее на систему управления сайтом, с помощью которой можно было бы редактировать html-страницы прямо в браузере? Такое в принципе возможно? Или может что-то такое уже существует? Спасибо.
0 votes5 answers -
box-shadow в IE с помощью PIE
Добрый вечер! Подскажите пожалуйста если кто знает,как сделать тень по всем четырем сторонам блока с помощью PIE в IE. У меня тень во всех браузерах со всех сторон ,после подключения PIE в IE тень появляется,но только снизу и справа. Заранее благодарю!
0 votes5 answers -
Как отодвинуть div от div'a ?
Есть @charset "utf-8"; /* CSS Document */ .header { background: #000; width:1100px; height:150px; margin:auto; border:0px solid #000; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index:2; } .headeron { border:0px solid #000; background-color:#FFF; width:1080; height:100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index:5000; }? И <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…
0 votes5 answers -
Меню - раздвижное
Встретил вот такую проблему. Как можно сделать, чтобы после нажатия ссылки "News" - выехала "вертикальная" табличка с новостями. Видимо тут уже javascript нужен? Если есть у кого пример выполнения такой задачи или "если не сложно кто может продемонстрировать примерчик" прямо тут. Горит ппц . <table width="100%"> <tr> <td width="100%"> <table width="100%"> <tr> <td class="bgcolornews" align="left"> <img src="img/3star.png" width="9" height="8"><span class="news"><a href="">News</a></span> <-- Клик </td> </tr> </table> <!-- Во…
0 votes5 answers -
Двойной перенос строки через стили
Как сделать двойно перенос строки между абзацами как на этой странице Моя ссылка В коде перенос только один, но абзацы не сливаются друг с другом.
0 votes5 answers -
Хром и Опера не понимает Якорь
Имеем ссылку Моя ссылка В эксплорере при переходе по якорям никаких проблем нет В Хроме и Опере не работает.. Пробовал перед # ставить /.. не помогает.. Я прям в ступоре.
0 votes5 answers -
Css до определённого символа
Доброго времени суток, такой вопрос, можно ли сделать так чтобы в одном теге присваивались два стиля. Например есть строчка "8 марта @ Международный Женский День в н/к "Сахар", можно ли сделать так чтобы до символа @ был один стиль а после другой? Чтобы @ был чем-то вроде разделителя?
0 votes5 answers -
Скрытый текст.
Здравствуйте Подскажите какой тег выводит скрытый текст. Чтобы при нажатии на ссылку выпадал текст.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-