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
-
Картинка img.
img как зделать так чтобы эта img имела главный верхний слой иле задний слой,я в headr поместил img теперь мне нодо положить logo cверху img?
0 votes2 answers -
Как отключать полностью кеш в браузерах
Народ, кто знает как делать? нужно полностью отключить кеш в браузерах?
0 votes2 answers -
Шаблоны в CSS
Делаю сайт-визитку на 4 страницы, меню горизонтальное с помощью таблицы. Вот надумал я добавить пункт и теперь надо во всех 4-х страницах менять меню. А можно ли это меню сконструировать в ЦСС? А в идеале было бы неплохо указывать там и взаимное расположение контейнеров и картинок в них.
0 votes4 answers -
Растягивание блока в высоту
Добрый вечер! Помогите найти решение, нужно сверстать макет (рисунок ниже), не могу придумать, как сделать боковой блок. Он абсолютно спозиционирован, нужно, чтобы он растягивался во всю высоту окна, оставляя n-е количество пикселей сверху и снизу. Как этого можно добиться? http://imglink.ru/show-image.php?id=12a788...2eba9a79825384b
0 votes7 answers -
Проблемы отображения в ИЕ 7 и Операх некоторых
Здравствуйте. Есть сайт www.adybov.ru Проблема в сайдбарах. Вылезают черт знает куда. В ИЕ 7 и опере 8.ххх. В старших операх все окей. В 6-ке, кторая у меня в виде тестового ИЕ - тоже все окей. 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"> <head> </head> <body> <div id="header"> </div><!-- #header--> <div id="wrapper"> <div id="middle"> <div id="container"> <div id="content"> </div><!-- #content--> </div><!-- #container--> <div class="side…
0 votes5 answers -
не влазит
есть сайт у него на 1024 не влазит центральный контент, там где фильмы. особенно это проявляется тут это получается из-за того, что слишком длинные имена как героев так и режиссеров. ну собственно я что хочу. Какое здесь может быть решение? Чтобы влезло? Убрать один столбец? Мне кроме как столбца ничего в голову не лезет. Ну еще как вариант кое где расстояния по убавить.
0 votes4 answers -
Лажа верстки
Здравствуйте. Есть сайт http://netpeak.ua Получилась непонятная лажа На МакБуках Кто что может подсказать для решения проблемы?
0 votes2 answers -
Некорректное отображение в IE
Всем привет, прошу помочь в следующих проблемах. Отображение вкладок в ИЕ Отображение в Хроме Код <ul id="top_menu"> <li><a href="/">Портал</a><b> </b></li> <li class="current"><a href="/forum">Форум</a><b> </b></li> <li><a href="">Кнопка</a><b> </b></li> <li><a href="">Доска объявлений</a><b> </b></li> <li><a href="">Каталог телефонов</a><b> </b></li> </ul> CSS ul#top_menu { list-style:none; display:block; margin:0; padding:0; } ul#top_menu li { background:trans…
0 votes18 answers -
background flash
Хотел бы узнать, а можно ли как нибудь в стиле указать в бэкграунде флэш?
0 votes1 answer -
Список в две колонки
Ну, как все уже поняли, основные вопросы у меня сейчас связаны с http://km.transmagistral.ru Список в центре сделан в две колонки: #cats_fp li { display:block; float:left; margin-bottom:30px; margin-right:5%; width:45%; background:url(/images/bg_cats.jpg) no-repeat right bottom; } В IE6 у страницы появляется горизонтальный скролл. Если убрать margin-right, то скролл пропадает, но список естественно, отображается не так, как должен. Как победить?
0 votes7 answers -
line-height одинаков в css, а визуально нет
Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inn…
0 votes2 answers -
Шапка с множеством картинок
В шапку поместил лого добавил изображение,укозал даные этой картинке встала куда надо,теперь добавил еще изображение его не могу поставить в нужное место.
0 votes8 answers -
Бэкграунд для меню
Здравствуйте. Вот пытался найти способ, чтобы сделать такое же меню как на сайте Кинокопилка, но у меня ничего не получилось. Искал довольно упорно и долго, но видать что-то не так делаю. Т.е. мне нужно, чтобы при наведении на пункт меню (a:hover) он выделялся каким нибудь цветом. Я знаю как это сделать через бэкграунд, но у меня длина выделения разная, в зависимости от названия пункта меню. Выделяется только до конца последней буквы. А мне нужно, чтобы во всех случаях выделение было равномерным. И опять же на сайте Кинокопилка, после того как перешёл по какому-нибудь пункту из меню, его этот пункт остаётся выделенным. Можно ли эти 2 вещи осуществить посредством CSS и H…
0 votes4 answers -
Красная строка в тексте.
Скажите пожалуйста с помощью какого тега можно начать текст с красной строки? Прошу ногами не пинать.
0 votes3 answers -
Непонятный отступ между изображениями
Народ, помогите кто чем может. Никак не могу совладать с этой проблемой. В IE у меня всё отображается нормально, а в остальные браузеры делают непонятный отступ. =/ Вот примеры: - Это в IE - Это в Opera, Safari, Chrome, Firefox. Обратите внимание на отступ от одного изображения до другого. Все эти изображения в одной большой таблице: <table cellspacing=0 cellpadding=0 width=100% border=0>. И потом каждое изображение вот с таким кодом: <td align=center><table cellpadding=0 cellspacing=0 class=table_img align=center> <tr> <td class=img_topleft></td> <td class=img_top></td> <td class=img_topright></td> …
0 votes1 answer -
создание таблицы
хочу сделать таблицу из 3х ячеек. Что бы в первом ряду были две ячейке, а во втором одна. У каждого ряда свой цвет когда сделал таблицу получается расстояние между ячейками в первом ряду хотя в ксс явно указывал размеры границы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>1</title> <style type="text/css"> table { background-color: #E4EAF2; border-width: 2px; border-style: solid; border-color: #072A66; } .title { background-color: #5B84C5; color: #FFFFFF; border-width: 0px; } </style> </head> …
0 votes2 answers -
XHTML
Вот изучал вашу статью на сайте и у меня возникли вопросы. В разделе требуется закрывать все теги. Как именно закрывать одинарные например <br>, закрывать пример1 Я сегодня<br>выпил чаю</br> пример2 Я сегодня< /br>выпил чаю. Только ли одинарные теги должны завершаться слэшем?
0 votes26 answers -
Chrome и input
Как сделать так чтобы Chrome отображал input, как и все остальные браузеры. Все сделано просто. <div> <input> </div> У div фон задан. Не могу побороть - желтый цвет. Заранее благодарен за ответы.
0 votes9 answers -
Лайтбокс и видео ролик
Здравствуйте. Кто сталкивался с такой проблемой. Есть видео ролик и использоваться лайтбокс. При нажатии на лайтбокс его окно залазит за сам ролик почему так происходит непонятно( так как div с боксом имеет position:absolute, а ролик не имеет вообще никаких css стилей, только параметры. Берется прямо с ютуба. Вот пример Вот сss lightbox display:block; height:auto; left:408px; outline:0 none; overflow:hidden; position:absolute; top:575px; width:600px; z-index:1002; что может быть такое перелопатив горы интернета чето не пойму в чем может быть проблема
0 votes2 answers -
div-ы по ширине
Как выровнять блоки по ширине. Сайт резиновый, в контенте стоит некое количестве блоков фиксированой ширины с флоат:лефт, количество их в строке ставится под ширину браузера, но проблема, как их выравнивать по ширине, чтобы небыло справа большого отступа. Смотрите тут: http://club-cod4.ru/portfel/tramp/razdel.html (не спам) Другими словами нужно align=justify, но в место теста блоки (дивы).
0 votes1 answer -
Выпадающее подменю
Привет. Подскажи, с помощью чего на этом сайте (ypag.ru) сделан раскрывающийся список раздела? С помощью чего сделать тоже самое?
0 votes5 answers -
помогите с меню!
такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…
0 votes4 answers -
проблема с float в ie6
В ie6 правый блок (right) съезжает вниз, в остальных смотрелках все нормально отображается. Пожалуйста подскажите. <style type="text/css"> body { background-color: #666666; background-image: url(ventuno.gif); background-repeat: repeat; margin: 0; } .trans { opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); -moz-opacity:0.5; background-color:#000000; width:100%; height:100%; position:absolute; margin:-30px; z-index:-1; } .container{ width:800px; margin-left: auto ; margin-right: auto; /*//display: inline;*/ } .shapka { position:relative; color:#FFFFFF; width:790px; height:100px; padding:30px; …
0 votes3 answers -
ie7 hr
Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7 @CHARSET "UTF-8"; *{ margin: 0px; padding: 0px; font-family: sans-serif; font-size: 16px; } #wrapper{ width: 960px; margin: auto; } #wrapper #header{ height: 50px; background-color: teal; padding: 10px; } #wrapper #header p{ font-size: 12px; } #wrapper hr{ margin-top: 0px; height:5px; background-color: #295C4A; } <!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"> <link href = "stylesheets/testing_temp…
0 votes4 answers -
Помогите советом по верстке
Привет всем. Делаю проект в котором на главной странице необходимо выводить блоки как на скриншоте - http://i056.radikal.ru/1007/6d/5b4c2226a6ba.gif Сейчас сделал такой вывод с помощью mooMasonry(mootools в проекте используется), но он у меня как-то не корректно работает в IE 6 и 7(сам где-то с версткой напорол немного). Не критично, конечно, но IE бывает еще вешает скрипт и пишет, что скрипт долго выполняется, а это уже проблема. Не могу найти решения для вывода таких колонок без JS, а на чистом CSS, да и опыта маловато. Может кто сталкивался с таким выводом? Был бы признателен за помощь! Заранее спасибо.
0 votes23 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-