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
-
Равномерное деление ячеек в таблице
Вот еще вопрос на повестке дня: А можно ли выровнять(разбить) ячейки равномерно во всех браузерах, так как это делает ие6,7 (пробовал на поценты бить может не там) вот так это должно примерно выглядеть а вот как во всех кроме ие 6,7 http://xmages.net/out.php/i104633_1.jpg ИЕ http://xmages.net/show.php/104634_2.jpg ВСЕ КРОМЕ _____________________________________________________________________ Извеняюсь за "не надо в одну корзину все складывать", не повторится, увлекся)
0 votes2 answers -
Верстка шапки.
Приветствую, коллеги. Загвоздка в верстке шапки. Шапка — цельная картинка шириной в 2000px. Собственно, почему такая широкая? Для больших и малых мониторов. Так вот. Суть в том. Как сверстать, что бы картинка равноудалялась от краев браузера (от левого и правого краев). Именно что бы обрезалась, без уменьшения. Буду очень благодарен за пояснения с кодом css и html. Спасибо.
0 votes4 answers -
Как увеличить отступ только у определенной строки (tr) таблицы?
Добрый день, подскажите как можно увеличить отступ только у определенной строки (tr) таблицы? Есть допустим, для наглядности такая таблица: HTML: <table class="td_border" border="0" cellspacing="1"> <tr class="td_zag"> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> CSS: .td_border td { width: 100px; padding: 3px; border: 1px solid #d7d7d7; } .td_zag td { background: #f5f5f5; } ??
0 votes3 answers -
Куда IE9 съел фон?
Проблемная страница здесь. Задача: взять уже имеющуюся вёрстку (оригинал этой же страницы здесь), и средствами только одного файла css развернуть страницу так, чтобы она выглядела естественно для арабского языка. За исключением нескольких нюансов это означает, что нужно просто зеркально отразить. Возникла маленькая, но непонятная проблема. В таблице результатов есть ссылки Bid Now, Add to WatchList, Remove from WatchList. В оригинале им задан фон цветом и маленькие иконки фоновым изображением, но для IE8-, который не умеет скруглять уголки, фоновое изображение задано во всю ссылку и включает эти самые круголки. Делаем просто: ту же самую фоновую иконку размещаем не слева,…
0 votes8 answers -
Выпадающее меню и z-index слоев
Доброго времени суток Уважаемые форумчане. При верстке горизонтального выпадающего меню столкнулся с проблемой: необходимо выпадающие подпункты поместить под основные (всего на пару пикселей вверх, что бы перекрыть бордер и создать непрервыную обводку. Как здесь: Но при верстке получается, что выпадающие пункты имеют абсолютное позиционирование и находяться слоем выше, чем их родительский список, что привод к следующему результату: Вот код html: <ul id="menuhead"> <li id="lap1"><a href="#">Пункт 1</a> <ul id="ldp1"> <li class="podmenu"><a href="#">Управление объявления…
0 votes5 answers -
undefined index Undefined index
Undefined index в файле продукта tpl. Как устранить ошибку?
0 votes8 answers -
FlexBox и адаптив
У меня такой вопрос: Если я сверстал сайт на FlexBox, стоит вообще использовать медиа запросы? Или использования FlexBox достаточно для адаптива?
0 votes4 answers -
3-ех колоночный макет. Текс уходит вниз.
Не пойму почему текст посередине идет вниз после левой колонки. Помогите разобраться. http://new.rang56.ru/1.htm как ie6 так и опера 9
0 votes3 answers -
Размер картинки в таблице в процентах
Как правильно задать размер картинки в таблице. Ситуация такая: Есть таблица с четырьмя колонками резиновая(по 25%). В одну из них надо запихнуть картинку на 100% ширины(пробовал уже и 90% - не помогает). Код: <!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> </head> <body> <table width="100%" border="0"> <tr> <td width="25%">123</td> <td width="25%">123</td>…
0 votes0 answers -
Выравнивание внутри div'а
Здравствуйте всем, есть простое меню, в нем слева отображается картинка, справа - ссылка на соответствующую страницу. Код следующий: HTML <div class="newline" style="width:100%"> <div class="accitem"></div> <div class="acclabel"> <a href="#">ПЕРСОНАЛЬНЫЕ ДАННЫЕ</a> </div> </div> CSS .newline { clear:both; } .accitem { width:13px; height:18px; overflow:hidden; float:left; background-image:url(../img/bg05.jpg); background-position:center; background-repeat:no-repeat; } .acclabel { padding-left:2px; overflow:hidden; height:18px; float:left; } .acclabel a { color: #FFFFFF; font-family: Verdana; font-size:8px…
0 votes1 answer -
Две колонки
Здравствуйте, помогите решить проблему. CSS недавно начал осваивать. Нужно что бы блоки news и menu обтекались блоком content а получается вот что CSS #container { width: 875px; } #top { background:url(../images/top.jpg) no-repeat #000000; width:875px; height:427px; } #speedbar .leftb { width: 115px; height: 32px; float: left; color: white; background:url(../images/b_l.gif) no-repeat #000000; } #speedbar .centerb { height: 32px; width: 732px; background:url(../images/b_c.gif) repeat #000000; margin-left: 0px; float: left; } #speedbar .rightb { height: 32px; background:url(../images/b_r.gif) no-repeat #000000; float: left; margin-left: 0…
0 votes6 answers -
Отступ после DIVa в ie 6 и 7
Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. HTML: <!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-T…
0 votes3 answers -
Как сделать полосу прокрутки в TD
Вобщем, проблема вот в чем: Есть таблица завернутая в div определенной ширины, в td помещают, к примеру, изображение, которое при маленьком разрешении экрана выталкивает табличку за границы экрана и частично становится невидимой. Нужно чтоб в этом случае внутри td появлялась полоса прокрутки. Спасибо!
0 votes4 answers -
Выравнивание по центру
Подскажите как выровнять по центру, совсем запутался... html </head><body> <div class="parent"> <span> <ul> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> </ul> </span> </div> <div class="buttonm"> </div></div> <div id="dhtmlgoodies_slideshow"> <div id="galleryContainer"> <div id="arrow_up"><img src="images/arrow-up.gif"…
0 votes3 answers -
Два вопроса по верстке.
Здравствуйте! Есть блок некоторой высоты и ширины, внутри него хочу разместить элемент. Я должен задать два свойства (bottom и left или bottom и right или top и left или top и right) для размещения моего элемента. Имеет ли принципиальное значение, откуда брать отступы: сверху или снизу, слева или справа? Понятное дело, что, если элемент, скажем, сдвинут на 10 пикселей от верхнего края и на 20 от левого, то нужно написать: position: absolute; top: 10px; left: 20px; и не заморачиваться насчет того, чему же будут равны отступы справа и снизу. А если элемент где-то в середине? Имеется блок с фоном некоторого цвета, внутри него размещены другие блоки, фон внутренних блоков д…
0 votes7 answers -
Не работает Colorbox !
Сутки мучаю этот скрипт . И не могу понять что не так . Вроде подключил стиль и два скрипта , пути к картинкам норм прописал и че ...Смотреть PS: js-ки не трогал только в css добавил селектор для превью из "Pirobox-a" а так все из оф сайта.
0 votes3 answers -
Не получается с двумя слоями.
Не могу совместить два слоя в одной ячейке таблицы (такое вообще, возможно?). Ж?лтая область - это область, где по умолчанию должна находится строка "On-line заказ.....", эта область растягивает ячейку по высоте, да и вообще портит вид, какого бы цвета не была. Саму строчку я передвинул (но ж?лтая область осталась), однако в этой же ячейке находится рисунок, который тоже описан отдельным слоем. Вобщем отрывок кода ячейки такой: <td colspan="2" class="menubar"> <span class="pic_left"><img src="images/left_bar.gif"></span> <div id="menubar_text">On-line заказ</div> </td> CSS: .menubar { background: #fc0 /* ж?лтый для наглядно…
0 votes2 answers -
В FF не работает относительное позиционирование блоков
Собственно код следующий. Требуемое действие это передвижение блока дива при шелчке по ссылке на который висит JavaScript. в IE и в Opera все работает в FF 2.0.0.13 вообще никак, Js включен. <html> <head> <title>Относительное позиционирование</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="javascript"> flag=0; </script> </head> <body > <div style="margin-left:100; width:200; height:50; border:1 dotted;" > <div id="kuku" style="border:3 solid; left:50; position:relative; top:0; width:120"> <a href="java script: if (flag==0) { window.document.al…
0 votes3 answers -
закругление углов с помощью графики в IE 6
Здравствуйте! Хочу закруглить углы с помощью графики, но IE 6 это не съедает. Если ли решение такой проблемы? <!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>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="all"> <div id="top"> <img class="logo" src="css/img/logo.gif"> </div> <div id="innerContent"> <div class="corner t…
0 votes4 answers -
Выпадающие списки?
Подскажите как сделать выпадающие списки одной длины (http://baza-rialtor.ru/index.php?action=search&s=1), а не так что каждый список подгоняется под самое большое слово!
0 votes7 answers -
Div верстка (высота и фон)
Сперва ситуация ! Есть дизайн пытаюсь сверстать но появилась проблема в FF,Opera в IE всё нормально ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } #page { min-height: 100%; margin: 0 auto; background: #5af } #container {margin:0 auto; width: 960px;height:auto !important;height:100%;min-height:100%;backgr…
0 votes5 answers -
Вставка большого текста
Добрый день. Подскажите, с помощью чего можно вставить на страницу большой объем текста (статью на 100-150 страниц А4), чтобы было удобно пользователю читать + это делалось все не в ручную. Здорово, если будут ссылки на материалы. Заранее, спасибо.
0 votes6 answers -
Квадрат 100% на 100%
Можно ли с помощью html и css сделать пропорциональный квадрат шириной и высотой в 100%?
0 votes5 answers -
Знак рубля - ₶
Случайно на одном сайте наткнулся на спец. символ рубля ( ₶ ). 1. непонятно откуда он там? 2. почему у меня на комп-е он отображается только в FF и S, а на другом компьютер проверял, работает в O и в IE? 3. что такое эти спец. символы?
0 votes2 answers -
отображение кода страницы в textarea
Такая проблема: Я редактирую html страницу с помощью textarea.Но каждый раз нужно вставлять в неё html и отправлять этот код. Как сделать так, чтобы html код редактируемой страницы отображался в textarea.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-