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
-
Выравнивание меню из списка. Абсолютное позиционирование. Как?
Выравнивание меню из списка по центру. Абсолютное позиционирование. Как лучше сделать? CSS: * { padding: 0; margin: 0; } img { border: none; } li { list-style: none; } a { color: #333; } a:hover { color: #7dbb24; } .clear { clear: both; } #navig { position: absolute; top: 150px; left: 0px; right: 0px; height: 38px; width:100%; min-width: 1024px; background: #8a8b8b url(img/bgmenu.gif) repeat-x; text-align: center; } #navig ul { text-align: center; margin:0px auto;} #navig ul li { float: left; font-size: 12px; background: url(img/space.gif) no-repeat center right; padding: 10px 30px 10px; } #navig ul li a { color: #fff; text-decoration: none; font-s…
0 votes16 answers -
Отступ между роликом и всем остальным.
У меня появляется отступ между флэш роликом и всем остальным, помогите: http://n6300.3eu.ru/index.php Как его убрать?
0 votes21 answers -
Почему в Мозиле не отображает шапку?
Почему в Мозиле не отображает шапку? И не корректно отображается шаблон.тут
0 votes6 answers -
Появляющийся поверх всего слой
Форумчане, правильно ли я понимаю технологию создания появляющегося слоя в центре странички (например как на этом форуме, когда кликаешь ссылку Регистрация или когда кликаешь на иконки BB кодов при оформлении новой темы ): Шаг1: Где-нибудь в теле HTML странички (в любом месте по сути?) создаем отцентрированный слой по принципу описанному например в http://htmlbook.ru/l...u-veb-stranitsy со свойством display:none и с нужным содержанием Шаг 2: на JS пишем коротенкую функцию, которая при клике на ссылку, по которой нужно открыть этот слой, меняет свойство слоя display:visible и ставит z-index 100000, чтобы слой был поверх всего. Так правильно? или весь слой надо формирова…
0 votes10 answers -
<a title= (как обрезать картинку)?
Подскажите, пожалуйста.. Вот код (реализовывается с помощью скрипта тултипа): <a title="<img src='ССЫЛКА' width='100' height='100'>" style="text-decoration:none;" href="ССЫЛКА"> Как сделать, чтобы изображение, превышающее эти значения ещё обрезалось? А то НЕ квадратные картинки получаются сжатыми... Вот так НЕ работает: <a title="<img src='ССЫЛКА' width='100' height='100'>" style="overflow: hidden; text-decoration:none;" href="ССЫЛКА"> <a title="<img src='ССЫЛКА' width='100' height='100' style='overflow: hidden;'>" style="text-decoration:none;" href="ССЫЛКА">
0 votes14 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 -
Оцените мою верстку
Всем привет. Оцените пожалуйста мою верстку http://verstka-primer.esy.es/Zonya/. Первый раз использовал препроцессор less поэтому сильно не ругайтесь. Макет не такой уж сложный, но все равно хотелось бы чтобы люди опытные посмотрели и по критиковали. Скажите пожалуйста может есть какие то элементы которые было бы правильнее сверстать другим образом. Заранее спасибо !
0 votes14 answers -
Текст поверх картинки (почему не работает?)
<html> <head> <title>Untitled</title> <style type="text/css"> #text_bg { background-image: url(/av-37843.gif) no-repeat; } </style> </head> <body> <div id="text_bg"> текст поверх картинки </div> </body> </html> Почему картинка не отображается? Ничего не понимаю... ((
0 votes3 answers -
Древовидная структура комментарием
Привет всем. Вот захотел у себя в блоге сделать древовидную структуру комментариев. Только не знаю как реализовать, у кого есть какие идеи?
0 votes23 answers -
скорость верстки
Доброго времени суток !!! хотелось бы узнать какое время в среднем Вам требуется для верстки. Допустим одной главной странички без скриптов??? можете оставлять ссылки на примеры верстки.
0 votes10 answers -
переход на html5
в общем картина такова что никто особо не переходит на html5, пока просто изучают и балуются или время уже наступило?
0 votes6 answers -
HTML5 — Section? Aside?
Давайте поговорим об html5 семантике, как бы вы разметили данный макет?
0 votes17 answers -
Bootstrap 4, Flexbox или Cssgrid
Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…
0 votes3 answers -
Абсолютное позиционирование div в ячейке
Добрый вечер! Подскажите пожалуйста как правильно позиционировать div относительно границ родительской ячейки!
0 votes11 answers -
вёрстка шаблона для dle forum 2.4
появилась задача сделать шаблон для дле форума, который подходит под дизайн самого сайта. но вот беда, ни с ДЛЕшным форумом , ни с вёрсткой шаблонов под форумы(а там всё в тейблах...) я дело не имел(( - ето готово) спасибо slicemastaпоявилась ещё одна беда по етому поводу http://forum.htmlbook.ru/index.php?s=&...st&p=142489
0 votes16 answers -
ширина столбцов в таблице в % и в px
Есть таблица из 21ого столбца, которые разбиты на повторяющиеся тройки ширина 1ого = 10px ширина 2ого= x..? ширина 3его = 43px и так семь раз Вопрос: Надо сделать так, чтобы все x были одинаковые я пробловал делать так: <td width=10px backgorund="blabla2.gif"> </td> <td width="14%" backgorund="blabla2.gif">текстик </td> <td width=43px backgorund="blabla3.gif > </td> Т.е. я планирую, что браузер повычитает из ширины экрана семь раз 10 пикселей, затем 7 раз 43 пикселя, оставшееся число разделит на 7 и задаст их вторым колонкам. Но, видимо, он делает вс? совсем не так. Ширина вторых колонок равняется по их содержимому.
0 votes12 answers -
багроундс и ифрейм
первый вопрос, каким образом подключить внешний стиль багроундс для html & body (нужно залить фон через внешний внешний css) второй вопрос, как лучше изменять текстовую информацию, нашел в инете ифрейм но люди пишут что это не лучший способ, что посоветуете?
0 votes24 answers -
Поведение FF для вложенного div height:100% с вертикальным скролом.
Все прекрасно работает в IE, Chrome, Opera. А вот файрфокс появляет оконный вертикальный скролл. Как научить FF делать то что мне нужно? А именно: не появлять в моём примере оконные скролы. Нужен только вертикальный скролл на DIV-е. <html> <body> <table width=100% height=100% border=1><tr><td height=200px> верхний </td></tr> <tr><td> <div style="width:100%;height:100%;overflow-y:scroll"> куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста ... куча текста куча текста куча текста куча текста к…
0 votes11 answers -
Подчёркивание ссылок
<body> <div id="wrapper" > <div id="header" > <h1><a href="#" class="logotipe">main</a></h1> </div> <ul id="topbar"> <li><a href="#" class="Main" > Main </a> </li> <li><a href ="#" class="Families">Families</a> </li> <li><a href= "#" class="History" >History</a></li> <li><a href= "#" class="Events" >Events</a></li> </ul> </div> Ни как не могу убрать подчёркивание ссылок .. обьясните как это сделать ??
0 votes9 answers -
Высота таблицы
Здравствуйте! Знаю что избитая тема, но вроде все по указаниям делаю, а получается серьезный трабл: в ИЕ таблица почему-то растягивается больше чем на весь экран, появляется горизонтальный скролл! Если еще добавить шапку и футер, так вообще будет ужасно длинная страница. Помогите пожалуйста, в чем проблема? привожу фрагмент кода <!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> <style type="text/css"> html { height:100%; margin: 0px; padding: 0px; border: none; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; b…
0 votes3 answers -
Пршу помощи в создании таблицы
Добрый вечер. У меня есть друг-тренер по цигуну. Я решил помочь ему в популяризации занятий, а так же с wелью создать ресурс, где могут пообщяться люди, занимающиеся саморазвитием. Так как навыка у меня не было никакого, решил воспользоваться возможностями системы Ucoz. Прикупил домен. Получилось вот что На примере аналогичного сайта в Рунете, хочу сделать страничку, где можно посмотреть ближайшие занятия не только по цигуну, но и по другим направлениям. Всё в одном месте. А то сам когда то, имея свободные выходные, часами выискивал, какой семинар и где можно посетить именно в это время. Так вот, собственно, просьба. Не мог бы кто нибудь мне помочь сделать такую странич…
0 votes5 answers -
Drupal+Smarty: настройка профиля пользователя
Добрый день! Мне необходимо кастомизировать страницу пользователя (например, www.example.net/user/20). Знаю как решить данную задачу, если вместо Smarty используется PHPTemplate. А в указанной связке - кто-нибудь сталкивался с этой проблемой? Помогите, пожалуйста
0 votes7 answers -
Выпадающее меню при помощи CSS (проблема с IE8)
Добрый день. Я сделал выпадающее меню при помощи CSS по шаблону, изменив цвет ячеек и стиль текста. В Opera и Firefox всё нормально, а вот в IE8 горизонатльное меню почему то становится вертикальным (ячейки находятся одна под другой) и при этом текст не имеет никакого оформления (пришлось отдельно прописывать стиль внутри условных комментариев). Очень надеюсь на вашу помощь, так как сам не пойму где ошибка. Вот прикрепленные файлы: http://files.mail.ru/MKCEN4 http://files.mail.ru/4POIRC З.Ы. сильно не пинайте, код может показаться вам ужасным, я только только познаю азы, и помощь специалиста мне будет весьма полезна - буду рад любым замечаниям по поводу кода. Спасибо за в…
0 votes6 answers -
Текст в обычной таблице. Вопрос.
Есть таблица. Как принудительно прилепить текст к ее нижней границе? Спасибо.
0 votes18 answers -
Список наезжает на картинку
Например картинка выровнена по левому краю, а справо идет список. Буллеты списка наезжают на картинку. Как сделать так чтобы буллеты были вровень с остальным текстом? Желательно, избежав изменений в css. Грубо говоря надо что отступ шел не от текста внутри списка, а от буллетов. Относительно картинки. Если такие темы уже были, киньте ссылки, поиск что то ничего похожего не выдает.
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-