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
-
Цвет шапки таблиц.
Как поставить вместо цвета шапки таблиц какой-нибудь рисунок (картинку)?
0 votes3 answers -
Footer внизу страницы...
Да, да, да. Было очень много тем, где обсуждался футер внизу страницы. Но у всех тех решений есть один существенный недостаток: жестко прописывается высота футера. Между тем часто нельзя заранее узнать высоту футера. Например, есть у меня в футере несколько ссылок и высоты 50рх достаточно. Но завтра мне может понадобиться вставить туда кучку логотипов и высота увеличиться неизвестно на сколько. Просмотрел кучу ссылок, но решения с высотой футера, растягивающейся под контент, так и не нашел. Неужто его не существует? (без джабы)
0 votes9 answers -
Единицы длин в разных браузерах
Собственно вопрос вот какой, какая из единиц длин наиболее точно, а лучше идеально, совпадает во всех популярных браузерах, в частности интересует форматирование текста. Я версткой уже занимаю довольно долго, и мне хватало обычно px, % и em, для приблизительного сходства, но в этот раз человек хочет что бы текст который находится на граф макете полностью, до пиксела совпадал и на готовой HTML странице, во всех браузерах. Сейчас разброс состовляет от 0-4px меж строчного расстояния в разных браузерах, пробовал так <div style="padding-top:36px; padding-left:39px; padding-right:35px;"> <p style="margin:0px; font-family:Georgia, 'Times New Roman', Ti…
0 votes10 answers -
IE7 и hover
http://stepbystep.htmlbook.ru/?id=58&text=1 Вот тут у меня не работает tr:hover ИЕ7 отказывается воспринимать. Обычная табличка, без подстветки при наведении. В Опере работает. Может правда это настройки обозревателя, но я ничего там не менял с установки. Кто сталкивался с этим?
0 votes4 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; list-style: none; display: inline; } </style> </head> <body> <div id="pipe"> <ul> <li>Один</li> <li>Два</li> …
0 votes5 answers -
Вёрстка таблицами
Часто вижу вёрстку и оформление страниц, сделанную таблицами. Не обязательно вся страница сделана, а бывает, что какой-то участок страницы свёрстан с помощью таблицы. Известно, что вёрстка таблицами это признак дурного тона, но более недостатков я не слышал. Поэтому хотел бы обсудить особенности такой вёрстки со знающими людьми. Во первых, мне кажется, что вёрстка таблицами это вполне приемлемо. Но вот что настораживает. Является ли для таблиц обязательными вложенными элементами такие теги как <caption>, <thead>, <tbody>, <tfooter> и <th>. Даже не знаю, какой последний изданный w3c стандарт есть, где описывается нужность (ненужность) этих…
0 votes24 answers -
ограничить ширину и выровнять по центру
проблема такая: верстаю сайт, нужно чтобы на разрешениях больше 1024*1280 контент не растягивался в ширь и оставаля по центру. на разрешениях меньше 1024*768 не плющился (то есть пусть будет полоса прокрутки по горизонтали, но наездов внутри контента не должно быть). поставила в ксс-нике для body вырание по центру и такой код прописала: body { margin: 0; padding: 0; font-family: Georgia; font-size: 100.01%; font-weight:normal; width: expression(document.body.clientWidth < 1240 ? "100%" : "1240px"); width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:center; max-width:1240px; min-width:1000px;} внутри body еще слой вложила, чтобы л…
0 votes10 answers -
Помогите конвертировать из table в div
Помогите конвертировать этот код в полностью див`ную верстку с применением стилей. Сижу уже битый час и ничего не получается. <table cellpadding="0" cellspacing="0" border="0"> <tr> <td width="450" height="270" vAlign="top"> <div id="container"> <div id="container1"> <a href="#"><img src="http://test.ru/1.jpg" height="270" width="450" border="0" alt="BlaBlaBla"/></a> </div> <div id="container2" class="nsp"> <table width="450" cellpadding="0" cellspacing="0" border="0"> <tr> <td bgcolor="#000"><img src="http://test.ru/1.gif" width="0" height="23" border="0" /></td> </tr…
0 votes2 answers -
POSITION: absolute в IE7
Здравствуйте. у меня есть блок div в нем естьвыпадающее меню UL li a при наведениии на ссылку выпадает подсписок ul ul li a. У этого списка абсолютное позиционирование. .topmenu ul li ul { display: none; position:absolute; top:38px; z-index:200; } ниже идет блок в неместь форма jNice в которой для оформления select используется абсолютное позиционирование. .jNiceSelectWrapper { WIDTH: 185px; margin:0 0 3px 0; POSITION: relative; HEIGHT: 20px; } .jNiceSelectWrapper DIV SPAN { OVERFLOW: hidden; WIDTH: 149px; background: url(/images/cms/sait/jform/select.gif) no-repeat left top; POSITION: absolute; color:#333333; font-size:11px; font-family:Verdana, Arial, He…
0 votes1 answer -
Текст поверх картинки
Доброго времени суток. Столкнулся с проблемой при верстке сайта ресторана. По центру расположен логотип ресторана и немного залезает на контейнер с адресом и номером телефона. Проблема в том что из-за логотипа нельзя навести и выделить номер или адрес, тк картинка прозрачным полем на них заходит. Пробовал баловаться с z-index-ом, но ничего дельного не получилось. html Скрытый текст <div class="container header"> <img src="img/logo.png" class="logo" alt="Логотип гастробара Discovery"> </div> <div class="container main"> <div class="navigation"> <div class="mapandphone"><table…
0 votes4 answers -
Таблицы сползают
Пожалуйста для начала скачайте приложеный файл, именно там проблемная страничка, с подробным описанием http://webber-site.narod.ru/Forum.rar 2kb ..идея такова - зафиксировать это вс? чудо на одном месте, так чтоб все было одно под другим с пробелом в 10 пикселов, и чтоб оно там намертво лежало! в свою очередь в таблице ?1 должно вводиться довольное количество текста... ..как мне разобратся с этим? все сделано таблицами, они имеют свою высоту, и выравнивание, но почему то его не соблюдают..
0 votes5 answers -
В IE не видно пунктирное подчеркивание ссылок
Есть вот такой стиль ссылок. Но в IE подчеркивание не видно Это вывод событий в афише. Что интересно: одна из ссылок все-таки отображается нормально, хотя ее код в точности такой-же как и остальных. <style> a.event_list_link {color:#a1caf4; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:normal; font-size:11px; text-decoration:none; border-bottom: 1px dashed #a1caf4;} a.event_list_link:hover {color:#fff; text-decoration:none; border-bottom: 0px;} </style> <div class='event_list_link'> <a class='event_list_link' target='_self' href='index.php?option=1&a=1&id=2' title='Подробнее о событии'>под…
0 votes6 answers -
след от фонаря
Доброе время суток. Нужна помощь. Хочу сделать следующее: Вся верстка сайта была закрыта полупрозрачным фоном, а вокруг мышки был прозрачный круг, будто свет от фонаря, а все остальное в тени. Свет от фонаря постоянно находятся там где курсор мышки. На сколько я понимаю это можно сделать с помощью CSS и возможно немного JavaScript, но как, это уже тяжелее, подскажите
0 votes11 answers -
Афишно-новостной блок на сайте
Хочу разместить на сайте афишу с новостями сообразно скриншоту. Особого функционала не требуется: 1. От 3 до 5 активных новостей (остальные - прокруткой или по нажатию кнопок/ссылок и т.д.). 2. Смена новостей при использовании кнопок ГОД или МЕСЯЦ (на данный момент кнопка ГОД не нужна). 3. Открытие полной версии новости на новой странице сайта по нажатию ссылки (например, слово "Подробнее") или новостного блока (желательно наименование страниц по дате новости, в случае совпадения дат новостей - возможность переименования страниц). 4. Реализация афиши - любая (возможна прокрутка или что-то другое) . Уважаемые форумчане, подскажите, пожалуйста,…
0 votes4 answers -
Проблема с выпадающим меню. Как это реализовать?
При работе над проектом возник вопрос с реализацией выпадающего меню. А можно ли это реализовать? http://keep4u.ru/full/080403/a3f1b7c9b6ba21f259/jpg
0 votes8 answers -
Кнопка Reset
Вопрос такой имеется два элемента Чекбокс и Селект(по умолчанию disabled) при помощи java скрипта при выборе чекбокса, селект переходит в состояние enabled и вот в чем проблемка, при нажатии на кнопку reset сбрасывается все, и выбраное значение в select и снимается галочка с чекбокса, но сам select не переходит в состояние disabled вот код скрипта: function agreeForm3(f) { if (f.Check3.checked) f.select1.disabled = 0 else f.select1.disabled = 1 код чекбокса: <input type="checkbox" name="Check3" disabled onclick="agreeForm3(this.form)" /> код селекта: <select name="select1" disabled="disabled" > я так понял что не происходит сброса скрипта, помогите с проблем…
0 votes17 answers -
проблема: фон для тэга <html>
css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…
0 votes9 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 -
Не работает a:active в IE8?
Точнее не хочет работать так как во всех остальных браузерах. Ситуация вот какая. Значит у меня есть такого плана код: <a class="tovar" href="#"><img src="../images.jpg" alt="Люблю я ИЕ" /></a> Ситуация следующая. Моя картинка имеет размер 100х100 пикселей. Я присваиваю для тега "а" display:block; и задаю ему размеры width:100px; height:100px; В общем, имею внутри блока "а" картинку такого же размера. Ну и скажем хочу, чтобы при ситуации клика у меня вокруг блока "а" появился бордер. Пишу: a:active.tovar {border:1px solid #000;} И что я имею? Блин, все браузеры нормально работают, а новый мега-продвинутый ИЕ8 не работает. Причём, причина его отказа заклю…
0 votes13 answers -
Перенос столбцов в таблице
Задача Существует таблица, в ней !!одна строка (<tr></tr>), в строке столбцы (<td></td>), столбцов может быть 6, 7 и т.д. создаются автоматически скрипом. Как заставить таблицу переносить столбцы вниз (не создавая при этом новые строки), чтобы в строке оставалось по 3 столбца?
0 votes3 answers -
Срочно! Прыгает подвал в ИЕ6
Друзья! Можно ли что-то сделать по-быстрому, не переверстывая, чтобы здесь: http://new.karo.spb.ru/authors.html в ИЕ6 подвал не прыгал в середину экрана при наведении мышки на верхнее меню? Ой, в ИЕ7 тоже прыгает о_0
0 votes8 answers -
Не получается спозиционировать сайдбар
Может здесь помогут... Хелп, едет крыша! Короче, суть проблемы такова: есть двухколоночный страниц - шапк, левый блок (основной), правый блок (сайдбар, фиксированная ширина), блок-прижиматель футера к низу, ну и - прижатый им к низу футер. Так вот, левый (основной) блок прекрасно тянется в высоту насколько нужно и прижимает футер, а правый - сайдбар (или параграф внутри него?) - этот самый футер прекрасненько протыкает (патамушта спозиционирован абсолютно). И висит там под футером как... неприличное что-то, ей-богу. Чего только ни пробовал - ничего не помогает! Короче, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos…
0 votes9 answers -
Как убрать скругление углов кнопок?
Пишу .filter label input { border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } } чищу кеш. всеравно выглядят скругленно
0 votes2 answers -
не знаю почему
короче дело вот в чём, написал я сайт в хтмеле,выложил его на народ захожу а там все русские буквы какой-то закорючкой отображены, похожей на символ параграфа.я думал кодировка, ну вписал мета тэг виндовоз 1251 в каждую страницу перезалил сайт захожу опять а там теперь вместо руских букв апострофы т.е. """"""""""""""""""""""""" вот такая фигня поменял кодировку на КОИ один хрен, только теперь пустые квадратики )))))))))) короче я не знаю пацаны чё мне делать...
0 votes10 answers -
Горизонтальная менюшка и не помещающиеся итемы
Можно ли сделать средствами css без js. Чтоб, если я чисто правлю html... Или динамически добавляю на js итемы. Добавляю меню итемы в горизонтальную менюшку... Если они не помещаются, не помещающиеся меню итемы чтоб не показывались, справа, а показывалось, например "..." и при нажатии на "..." показывались не поместившиеся итемы. Если нельзя сделать чисто на css, как на js? Нужны примеры.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-