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
-
Java Script. Прошу помощи!!!!!!
Я хочу сделать при помощи языка Java Script, чтобы при наведении курсором на текст ссылки этот текст менял свой цвет и толщину написания. Если не трудно напишите мне пожалуйста код этого скрипта. а если вы ещ? мне напишите все операции с текстом на Java Script, в кратце, то это будет вообще замечательно. Заранее спасибо!!!!
0 votes2 answers -
проблема с дивом
Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива бы…
0 votes7 answers -
Несколько вопросов
Добрый день! Я хотел бы задать несколько вопросов по вёрстке. 1. Могу ли я в блочной вёрстке (в дивах) применять таблицы? 2. Как верстать макет под КМС Stress Web? Там свои какие-то особенности или что? 3. Аналог 2-ого вопроса, только под DLE.
0 votes4 answers -
@media для ie
можна ли заставить ие понимать медиа запросы при разработке сайта под разные расширения? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <style> body{ background-color:black} @media screen and (max-width: 650px) { body{background-color:re…
0 votes3 answers -
Табл.верстка. Подвал внизу
Делаю курсовик-сайт по Web-дизайну. Т.к. это первая работа на HTML, а срок поджимает выбрал табличный тип верстки. Возникла проблема, не получается опустить подвал сайта вниз. Ни с помощью CSS, ни средствами HTML. Прошу помощи <!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>Шаблон</title> <link rel="stylesheet" type="text/css" href="style/page.css"> </head> <body> <!-- Общий контейнер --> <table cellpadding='0px' id='container'> <!-- Шапка сайта --> <t…
0 votes2 answers -
Не правильно отображается в Mozilla Firefox
Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>
0 votes3 answers -
Проблема с <details>
Доброе время суток! Может кто знает, как решить следующую проблему. Для разворачиваемых блоков использовала <details> и <summary> - работает, НО появляется коричневая рамка при разворачивании. Прописывала в css border: 0; не помогает. То, что <details> работает не во всех браузерах, знаю, меня устраивает. Спасибо.
0 votes2 answers -
Переопределение свойств в bootstrap?
Подскажите ребята, нужно переопределять в twitter bootstrap свойства, например .row-fluid .span9? если на моем макете ширина этого блока составляет 68,8%, основная часть, и сайдбар span3 - 26,8%, а в основном файле бутстрапа 75% и 23.4? Как работать с этими колонками, чтоб потом ещё сверстанный макет получился пиксель в пиксель?
0 votes4 answers -
Не могу задать ширину и высоту
Здравствуйте дорогие формучане, у меня появилась проблема с заданием ширины и высоты элементов. Проблема состит в том что все рамки вокруг алфавита должны быть одинаковые по ширине и высоте. <hr id="system-readmore" /><p> <span class="s5_redbox">A a</span> <span class="s5_redbox">B b</span> <span class="s5_redbox">C c</span> <span class="s5_redbox" style="width: 182px" >D d</span> <span class="s5_redbox">E e</span> <span class="s5_redbox">F f</span> <span class="s5_redbox">G g</span> <span class="s5_redbox">H h</span> <span class="s5_redbox">I i</span> …
0 votes2 answers -
что такое -moz-, -webkit-, -o-?
что такое -moz-, -webkit-, -o-? и при каких условиях они работают
0 votes1 answer -
Атрибут selected у нативного селекта при наличии кастомного
Здравствуйте. Вопрос меня мучает. У нас есть несколько селектов, которые кастомные, естественно, куда ж без них. Стоит два селекта, правда. Для одного требовалась кастомная прокрутка еще, а второй не реализован согласно функциональному дизайну, так как тот со скроллом не осиливал его. Суть вот в чем. Атрибут selected у нативного браузерного <select>'а не меняется в соответствии с выбранной опцией, но: 1 - jquery ui select - даёт нам атрибут aria-activedescendant c id от выбранного элемента. ui select оставляет нативный, прячет его. 2 - cusel - даёт класс cuselActive для выбранного элемента. cusel замещает, генерируя список. С таким набором можно идти в бек-енд…
0 votes5 answers -
Какие области нужно сверстать в данном примере?
Добрый вечер, уважаемые! Страница, которую нужно сверстать (по ссылке ) http://rghost.ru/7zy4mjY4S Должны быть следующие блоки: 1) шапка 2) контент (левая часть и центральная) 3) футер То что я выделила красным, это тоже нужно верстать? Или как? К сожалению, не имею возможности разъяснить это у человека, который составлял данный пример.
0 votes3 answers -
Ширина макета
Здравствуйте, немного запутался вот в таком вопросе. Есть макет и его ширина 1200px. Например, header and footer растягиваются на все 1200, а остальные центрируются. И вот в чём собственно вопрос. Эти 1200 так и оставлять или же задавать ширину 100%? И если оставлять 1200, то что делать с оставшимся пространством по бокам?
0 votes1 answer -
Прокрутка страницы к элементу
Здравствуйте. Есть простое на первый взгляд задание - нужно после перезагрузки страницы прокрутить ее к определенному блоку. В чем состоит проблема: вешаю на window обработчик onload, чтобы отследить загрузку изображений и страница получила свою высоту до всех мнипуляций, после чего вызываю скрипт прокрутки. Но существенная часть пользователей сайта из Украины, у которых из-за санкций не грузятся скрипты и счетчики яндекса, рамблера, вк и другие, установленные на сайте. В итоге, событие onload все еще ждет загрузки, и выполняется через минуту-две, как и скрипт для прокрутки. Перезагрузка страницы вызывается кодом location.reload() чаще всего в тот момент, когда …
0 votes1 answer -
Проблемма со слоем в ИЕ6
На сайте http://www.laureaty.ru/ в ИЕ6 основной блок улетает вниз... расположить его рядом с меню никак не получается div.wrap2 .mainpanel { color:#000000; background-color: #fff; width:750px; float:left; } пытался экспериментировать с position, ничего путного не выходит помогите грамотным советом
0 votes3 answers -
проблема отображения кода в разных браузерах
Добрый день помогите почему ничепреведенный код в IE работает а FireFox нет я скопировал всю страницу она маленькая СПАСИБО ВСЕМ <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script language="JavaScript"> function show(num) { if (document.all("showdetailes" + num).style.display=="none") { document.all("showdetailes" + num).style.display=""; } else { document.all("showdetailes" + num).styl…
0 votes2 answers -
как сделать подменю в текстовом меню
Всем привет, вот такой вопрос: в тексте есть список 1. пункт1 2. пункт2 3. пункт3 как сделать из этих пунктов выплывающие и убирающиеся ссылки? то есть, например, я нажимаю на пункт 1, ниже появлются подпункты "подпункт1", "подпункт2", "подпункт3", затем я нажимаю на этот же пункт 1 и подпункты убираются обратно.. в итоге в закрытом виде пункты выглядят так: 1. пункт1 2. пункт2 3. пункт3 а в открытом так: 1. пункт1 1.1. Подпункт1 1.2. Подпункт2 1.3. Подпункт3 2. пункт2 2.1. Подпункт1 2.2. Подпункт2 2.3. Подпункт3 3. пункт3 3.1. Подпункт1 3.2. Подпункт2 3.3. Подпункт3 Спасибо, за помощь.
0 votes4 answers -
Помогите с CSS
Здравствуйте! Помогите с CSS, не получается избавиться от лишней черты под пунктом "Задание 3", а так же пункт между пунктом "АСТРОЛОГИЯ" и "Урок 4" увеличить отступ. Заранее спасибо! <html> <head> <title></title> <style type="text/css"> #category ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; text-transform: uppercase; list-style: none; } #category #cat1 ul { margin-top: 10px; margin-bottom: 0px; margin-left: 8px; padding-left: 11px; text-transform: none; list-style: square; } #category #cat1 ul li{ margin-bottom: 7px; border-bottom: 1px solid #dadada; } #category #ca…
0 votes5 answers -
Почему фон остается белым?
Почему фон остается белым хотя я задал цвет фона? http://i13.fastpic.ru/big/2010/1214/27/e66...599e7e0d327.png
0 votes3 answers -
Съехал бекграунд
Суть вопроса Сайт Справа модуль Тест..... бекгрануд в теге H3 на 1 пиксель сдвинут вправо.. Я уже полдня не могу понять в чем дело. Может кто свежим глазом ошибку заметит? Буду весьма благодарен
0 votes2 answers -
ie6 и 3px
Люди добрый, помогите! Возникла такая проблема: Есть следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <link rel="stylesheet" type="text/css" href="main.css"> <body> <div id="outer_wrapper"> <div id="wrapper"> <div id="header"> <div id="header_up"> <div id="header_up_part1"> </div> <div id="header_up_part2"> </div> <div id="header_up_part3"> </div> <div id="header_up_part4"> <!-- Search --> </div> <div id="header_up_part5"> </div> <div id="header_up_rubbe…
0 votes4 answers -
И снова позиционирование)
Вобщем вот скрин: Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры) После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже, каким образом мне их зафиксировать на одном месте + кросбраузерность... Код кнопок <div style="margin:0 auto;margin-top:310px;"> <a href="/" style=""><div class="home">Главная</div></a> <a href="/" style=""><div class="news">Новости</div></a> <a href="/" style=""><div class="game">Игры</div></a> </div> Код CSS к ним: .home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padd…
0 votes3 answers -
Adaptation of the subscription form
Hello! Could you help me figure out how to adapt? .subscribe-form{ display: flex; justify-content: end; width: 100%; height: 90px; margin-top: 46px; border: none; } input[type="email"]{ background: #fcc302; color: #ffffff; padding: 17px 25px 17px 36px; font-size: 25px; font-weight: 300; } .section-button{ background-color: #00bec9; padding: 27px 37px 27px 39px; height: 90px; border: none; cursor: pointer; }
0 votes6 answers -
Правильная и красивая верстка
Каким способом всё-таки правильнее позиционировать элементы, с помощью position:relative или с помощью margin? Каким способом из двух пользуетесь вы?
0 votes3 answers -
Указать ширину картинки, а высота бы пропорционально изменилась?
Здравствуйте. Интересует вопрос о том, можно ли картинкам в CSS указывать требуемую ширину, под которую бы высота картинки самостоятельно изменялась пропорционально исходному соотношению высоты к ширине? Благодарю.
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-