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
-
щели в ИЕ6
Добрый. хелп, плиз.... такая хрень в ie6 см 185.exonit.by всплывающие изображения, при наведении на активные области какой-то левый то ли padding, то ли margin появляются между bal_top и bal_mid, bal_mid и bal_bot. HTML: <div class="bal_top"></div> <div class="bal_mid"><div class="bal"> <div class="p1">КОНТАКТ! регионы<span> <br/> Телефонный справочник Вашего города</span></div> </div></div> <div class="bal_bot"></div> CSS: .p1{ font:Arial, Helvetica, sans-serif; font-size:18px; color:#202020; text-align:center; } .p1 span { font:Arial, Helvetica, sans-serif; font-size:12px; color:#778de2; text…
0 votes7 answers -
css validation небольшие недочеты
Сабж. стоит ли обращать внимание на эти ошибки?
0 votes19 answers -
Банально - резиновый трехколоночный макет одинаковой высоты колонок, но...
Коллеги, нужно решение или пинок, я и еще один сторонний верстальщик с этим вопросом не справились Есть макет из трех колонок, левая\правая фиксированной ширины, центральная соответственно резина, сам сайт резиновый по ширине экрана Нужно сверстать блоками, левая\правая колонки имеют фоновую заливку в соответствии с макетом дизайна и все три колонки должны быть одной высоты по самому заполненному блоку background: url("../images/bg_module.gif") repeat-y; Все инструкции что я встречал по данной ситуации говорят делать через отрицательный margin и border-left: 200px solid #FFF2BF; /* фон левого сайдбара */ Но меня это соответственно не устраивает, поскольку нужна фоновая…
0 votes2 answers -
нужна помощь
есть код поисковика от google. все работает... все классно!!! может кто знает, как сделать его "валидным"??? вот пример кода: <!-- SiteSearch Google --> <FORM method=GET action="http://www.google.com/search"> <input type=hidden name=ie value=windows-1251> <input type=hidden name=oe value=windows-1251> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google"></A> </td> <td> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="Google Search"> <font size=-1> &l…
0 votes10 answers -
Фиксирование размеров
Как фиксировать размеры строк и ячеек в таблице. При явном указании размера width и height в <tr> и <td> они либо игнорируются либо отображаются некорректно. ———-- По теме: Как ограничивать размер определеным минимумом либо максимумом.
0 votes1 answer -
Шаблон из PSD
Кто нибудь знает как из PSD шаблон для joomla 1.5 ??? Примерно вник....что надо резать.....потом код вставлять в чистый файл шаблона...кароче не понял... Может есть у кого какая ссылка??? Чтобы шаблон именно из PSD сделать ...... Спасибо.
0 votes1 answer -
div и дочерний элемент с margin > 0
Здравствуйте, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Модальное окно</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height : 100%; margin : 0; padding: 0; } </style> </head> <body> <div style="background-color: green;">asd</div> <div style="margin: 0; padding: 0; background-color: blue;"> <h1 style="margin: 45px; padding: 0px;">Заг…
0 votes2 answers -
Ссылка в слое
Всем привет! Подскажите кам мне сделать картинку ссылкой, но при условии что картинка у меня является фоном слоя. <html> <body> <div id="menu1">ссылка</div> </html> сss: div#menu1 { background: url(menu.jpg); width:100px; height:100px; } Вообще можможна такая конструкция или нужно картинку поместить между div-ми?
0 votes2 answers -
Opera и дробные проценты
Вот и мне тоже понадобилась помощь дорогих экспертов. А всё дело в том, что я сейчас верстаю один макет и на пути столкнулся с одной проблемой, которая связана не с ИЕ, что удивительно, а с Opera и неважно какой версии, даже "10". Проблема связана с меню, а точнее с дробными процентами, которая не понимает Opera, в следствии чего выходит очень не красивое зрелище, большое расстояние справа последнего пункта меню (Contacts). Сравните сами, даже в ИЕ6-7 всё ок, а в Opera гадость. В следствии чего возникли вопросы: 1) Можно ли как нибудь обойти этот косяк и добиться полной кроссбраузерности? 2) Как заставить Opera понимать дробные проценты или может быть как то по-другому об…
0 votes8 answers -
border как его в нутерь запихать
завдаю элемент шириной 100% ему же бордер в 1px опа-па появляется скролинг и всё понятно он к элементу не имет отношение (ширине) это оконтовка в связи с чем вопрос как сделать так что бы он внутри оказался ———————————-- мои приставления надо создать элемент на 100% а уж в него элемент с бордером но что то ни как не получаться ————-- помоги те пожалуйста
0 votes10 answers -
значения атрибутов, и где родители
Синтаксис width: значение | проценты | auto Аргументы В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto устанавливает ширину исходя из типа и содержимого элемента. ——————— от сюда вопросы 1) у меня div(ширина 100%) в div(на 50%) один для другого родитель и для этого родителя body родитель но почемуто указывая ширину 100% он выростает на всю р.область. как указать явного родителя. 2) как указать 12.5% (ил…
0 votes2 answers -
@charset
Ребята, есть такой вопрос. Никогда ранее не задумывался, но в CSS есть такой параметр @charset "название кодировки"; Собственно сам вопрос: стоит ли его использовать, или лучше ничего не писать? Просто не часто его встречаю - может это уже устарело? Кто что подскажет? В head прописано <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8[/b]" /> <link type="text/css" href="img/styles.css" rel="stylesheet" media="all" /> По идее кодировка уже указана? Для стилей отдельно писать не нужно? Кто как делает?
0 votes8 answers -
float и border
Всем хи!!! Не могу решить тривиальную задачю. Есть контейнер, включающий в себя плавающие дивы. Как сделать чтобы граница внешнего контейнера отрисовывалась вокруг плавающих в нем дивов. <style> #pageNavigationPanel { border: 1px solid #000; height: auto; } #pageNavigationPanel div { position: relative; float: left; width: 14px; height: 14px; } </style> <div id="pageNavigationPanel"> <div>32</div> <div>1</div> <div>2</div> <div>32</div> <div>3</div> </div> fkds
0 votes2 answers -
Широкий фон
Всем доброго времени суток. Есть такая проблема. Есть макет шириной 1800 пикс. причем картинка цельная размножить никак(. Но надо сделать под широкие мониторы. Но не палучаетса центровать картинку. Шапку отдельно я задал через: div#cont { background: url(../main.jpg) no-repeat center; height:950px;} И она встаёт как надо. А в диве с контентом есть элементы каторыенад буит и вертикально резать. Может есть какоенить решение такого фона=) Заранее спасибо.
0 votes8 answers -
Подменю по клику
Можно ли сделать многоуровневое меню, чтобы подменю появлялось по клику, используя только CSS? Ссылку на http://www.cssplay.co.uk/menus/new-dropdown.html не давайте. Там сделано то, что нужно, но как это реализовано, я честно не разобралась. Кроме того, меню верхнего уровня там сделано как 5 списков, а мне так не подходит.
0 votes3 answers -
При наведении на кнопку пропадает вторая картинка
При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....
0 votes9 answers -
Резиновый+статичный блок
Ничего не придумалось. Нужно всего-навсего: Не понимаю, как. Да, в левом, резиновом блоке, будут еще колонки, резиновые же. Заранее спасибо.
0 votes6 answers -
предверительная загрузка изображений
помогите советом есть меню вот здесь http://www.reichauto.com.ua/ сделано стилями проблема в том что заменяющая картинка подгружается только при наведении на нее мышкой. как это можно исправить, чтобы при загрузке страницы подгружались все картинки для меню?
0 votes4 answers -
Увеличение блока по мере наполнения контентом..
Народ.. Такой вопосик... Как сделать так чтобы ссылка выравнивалась по правому краю последнего зелёного блока... ато она расширяется на всю ширину экрана и ширину id="container" нельзя делать фиксированой.... т.к. он будет находиться внутри резинового блока..... <!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>Help =(</title> <style > .card { height:250px; width:200px; float:left; background-color:#99FF66; margin-right:10px; margin-top:5px; } #…
0 votes0 answers -
Имя элемента формы в качестве параметра функции
Есть следующий пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Блокировка поля</title> <script type="text/javascript"> function agreeForm(f) { // Если поставлен флажок, снимаем блокирование кнопки if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку else f.submit.disabled = 1 } </script> </head> <body> <form action="handler.php"> <p><textarea cols="30" rows="4" readonly> Типовой договорОтда…
0 votes6 answers -
dropdown - background
Приветствую. Молю помощи-совета: wordpress 2.8.4 wordpress.org/extend/themes/simple-notepad - тема codex.wordpress.org/Template_Tags/wp_dropdown_categories - использованный таг итак, пошагово: 1) /wp-admin/theme-editor.php?file=/themes/simple-notepad/sidebar.php&theme=Simple+Notepad вставил: <li id="categories"> <form action="<?php bloginfo('url'); ?>" method="get"> <?php wp_dropdown_categories('orderby=name&order=DESC'); ?> <input type="submit" class="knopka" name="submit" value="Ок" /> </form> </li> 2) меню есть, но бекграунд белый и ширина поля малая, надо бы больше. 3) лезу в wp_dropdown_categories() is lo…
0 votes0 answers -
Текст в кружке.
Добрый день! Задумал сделать сайт в виде лупы Подскажите кто сталкивался, как сделать так, чтобы текст помещался строго внутри круга?
0 votes2 answers -
Не срабатывает text-align:right в ячейке
Суть: Есть таблица с одной строкой и пятью столбцами, ширина первых трех и последнего задано жестко, в пикселях. Соответственно у четвертого не срабатывает горизонтальное выравнивание, заданное через id ячейки в css. Вопрос: Где я ошибаюсь? Спасибо.
0 votes5 answers -
Таблица на всю страницу!
Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr style="line-height:400px"> <td> </td> </tr> <tr> <td> </td> </tr> </table> Средняя часть таблицы - жестко фиксированная! Растягивать можно только первую и последнюю строки! За ранее благодарен всем ответившим!
0 votes3 answers -
Вывод контента в php
Доброго дня... Столкнулся с траблой такого рода... Есть страница-шаблон, куда инклудится контент, в зависимости от того, какая кнопка меню нажимается... В начале страницы по умолчанию выбирается файл, он вставляется и вес работает, а вот на нажатие кнопок происходит выдача ошибки 404, типа не нашел страницу... <?php $adress = explode( '/' , $_SERVER['REQUEST_URI'] ); if (!isset($adress[1])||($adress[1]=='')) $adress[1]='ru'; /* указывается страница загрузки контента по умолчанию */ ?> это стоит в самом начале сайта и прекрасно работает... <?php if (file_exists("content/$adress[1].php")) include("content/$adress[1].php"); else include("content/404.php"); ?> эт…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-