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
-
Задание класса для Body
Возможно ли задать в css класс для тега Body? Задача реализовать различное графическое оформление для различных страниц сайта. Скажем, определение фона и шрифт для стандартного шаблона идет через класс ".body1", а для определенного диапазона страниц - через ".body2". Либо это делается как-то иначе?
0 votes5 answers -
Помогите пожалуйста.
Здравствуйте! Помогите с одной проблемой, которая не дает покоя. Создаю див и внутри текст. По мере возрастания, текст выходит за границы блока, как сделать так, чтобы текст не тянулся как резина?
0 votes6 answers -
Помогите с css
Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…
0 votes33 answers -
form: ссылка action. radio: выбор по умолчанию
как сделать чтобы форма выдавала ссылкой кроме выбора варианта еще и мои переменные action="index.php?compact=1&wn=7" на практике получается передается только выбор варианта radio. и как можно сделать пункт radio по умолчанию выбранным?
0 votes4 answers -
Проблема с меню!
Во первых всем привет. У меня такая проблема недавно с одного софт-портала взял скрипт меню поставил свои ссылки, сделал всё как надо короче. У меня на сайте чёрно-серый дизайн и вот я хотел сделать фон блоков меню чёрным а цвет шрифта оранжевым, но сколько не пробовал - не получилось. Ребят вот код, помогите пожалуйста разобраться тут!!! <link rel="stylesheet" type="text/css" href="http://styling.org.ua/templates/css/main.css" /> <script src="http://styling.org.ua/templates/js/functions.js" type="text/javascript"></script> <link href="http://styling.org.ua/favicon.ico" rel="icon"/> <![if ! IE]> <link href="/favicon.png" rel="sh…
0 votes7 answers -
Неймоверное задание, кто возьметься?)
Внутри этого листика будет контет. И резать нужно только с прозрачностью, потому что фон не позволяет по другому! Я порезал его применив фильтр * html #block_1 .blocks { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='images/img_5.png'); } Но в ие6 весь контент внутри этого листика работает через ж. Ссылки не мигают при наведении, и текст ваще не выделяется как надо! + ко всему он еще и тянуться должен. Как исправить ситуацию? Что бы и прозрачность и в ие норма работало. п.с. пнгфикс не подходит!
0 votes13 answers -
ИЕ не отображает изображение во вложенных div
Всем доброго дня. Проблема в том, что браузер ИЕ7 (на других версиях ИЕ не проверял) не отображает изображения во вложенных div. Код в HTML <body> <div id="header"> <div id="logotype"> <a href="/index.php"></a> </div> <div id="menubody"> <div class="home"></div> <div class="graff"></div> <div class="forum"></div> <div class="guest"></div> </div> <div id="menu"> </div> Код CSS для <div class="home"> и остальных трех .home { width:128px; height:128px; margin-top:6px; margin-left: 16px;…
0 votes18 answers -
CSS и PHP
PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо
0 votes15 answers -
списки
<div class="apDiv1"> <a href="index.php?categoryID=24" class="cat">простые телефоны</a> <br> <ul> <li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li> <li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li> <li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="in…
0 votes18 answers -
CSS и PHP
PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо
0 votes1 answer -
Некорректное отображение сайта в IE.
Здравствуйте! Мой сайт: http://www.garden08.ru При показе в IE происходит такая неприятная вещь: при уменьшении ширины окна правая колонка периодически падает вниз под левую, потом снова встаёт на место (эффект мелькания). Возможно ли это как-то исправить? Хотелось бы решить эту давнишнюю проблему этого сайта, т.к. сейчас занимаюсь интеграцией дизайна в sBuilder. Заранее спасибо!
0 votes15 answers -
Корзина как!
Есть сайт, к нему надо прикрутить корзну. Где можно найти уже готовые решения? Готовый код?
0 votes3 answers -
списки
<div id="apDiv2"><h3> <a href=</a> <font class="olive">(120)</font> </h3> <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> <li><a href=</a> </li> </ul> </div> Подскажите плиз или дайте ссылку где почитать. Нужно сделать список в два столбика друг на против друга в одном элементе.
0 votes6 answers -
Label + input
Есть код: <input type="checkbox" name="vopros2[]" value="0001" id="vopros2_4" class="checked"> <label for="vopros2_4">Ваш вариант ответа: <input type="text" name="vopros2[]" size="100" class="checked" id="text1"></label> В Опере при клике на инпуте, флаг не ставится. В Файр Фоксе при клике не инпуте, флаг ставится, но фокус с текст поля пропадает и невозможно ввести текст. В Хроме работает все отлично) Как сделать это решение более кроссбраузерно?
0 votes1 answer -
Input text +checkbox
Добрый вечер. Есть такой код: <label for="vopros2_4">Ваш вариант ответа: <input type="text" name="vopros2[]" size="100" onfocus="f.vopros2_4.checked=true;" onblur="if(this.value=='')f.vopros2_4.checked=false;" class="checked"></label> То есть при клике на текстовое поле, автоматом срабатывает флаг у чекбокса. Но этот способ какой то не хороший, может кто знает как проще сделать это? Может с jquery? Всем спасибо.
0 votes5 answers -
Как с имеющегося jpg сделать прозрачную картинку?
Есть вырезаная картинка в формате jpg. Возможно ли обрезать на ней лишнее и сохранить с прозрачностью не меняя ее размер?! Наперед спс за помощь)
0 votes2 answers -
Помогите исправить ошибки в CSS
Вот ссылка с валидатора на страницу ошибок ссылка на валидатор
0 votes14 answers -
Динамическое добавление двух полей в форму
Приветствую, подскажите как сделать динамичеки добавление 2х полей в форму, по кнопке добавить. Вот чтобы так примерно было Пункт 1: <input type="text" name="item1" size="20">Путь для 1: <input type="text" name="url1" size="20"> Пункт 2: <input type="text" name="item2" size="20">Путь для 2: <input type="text" name="url2" size="20"> Пункт N: <input type="text" name="itemN" size="20">Путь для N: <input type="text" name="urlN" size="20"> Заранее Спасибо
0 votes9 answers -
Стиль ссылки на странице, на которую она ссылается
Всем доброго времени суток! Подскажите как можно задать стиль ссылки на странице, на которую она ссылается? Или хотябы ткните носом в темку, которую можно почитать) Спасибо!
0 votes5 answers -
Пустой квадрат вместо ∪
Тема не совсем в тему. Дело в том, что мой клиент не видит на этой странице символ ∪(∪). Вместо символа - пустой квадратик, по его описанию. Лично я в ИЕ6,7,8, Опере и Лисе вижу символ прекрасно (на двух ПК)! Есть идеи - отчего так может быть?
0 votes19 answers -
проблемы в опере
http://kardinal.pp.ua/index.php парни , как убрать причину , которая режет бегущую строку в опере?
0 votes1 answer -
Вложенные списки <ol>+<input>
Всем привет. Вопрос по валидности. есть код такой: <div id="opros"> <ol type="I"> <li>Алкоголь</li> <ol> <li>Употребляете ли вы алкоголь?</li> <input type="radio" name="vopros1[]" value="10" id="vopros1_1"> <label for="vopros1_1">Да</label><br> <input type="radio" name="vopros1[]" value="01" id="vopros1_2"> <label for="vopros1_2">Нет <em></em></label> ................................. Доктайп такой использую: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> …
0 votes7 answers -
Footer at bottom
На этом форуме, да и на многих сайтах приводится пример прибивания футера к низу екрана. И многие сталкивались с проблемой что в опере это не работает. Изучив код из сообщения Scrum ( http://forum.htmlbook.ru/index.php?s=&...st&p=123368 ) я пришел к такому коду <!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> <title>footer at bottom</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html{ overflow:auto; height:100%; } body{ margin:0; height:100%; …
0 votes9 answers -
Помоги организовать выпадающее меню
Здравствуйте! Необходимо организовать меню электронного справочника, которое имело бы вид: Раздел 1 Подраздел 1.1 Подраздел 1.2 .... Раздел 2 Подраздел 2.1 .... Все подразделы необходимо скрывать, а сами разделы дожны изменять свое положение на странице в зависимости от скрытых/открытых подразделов, в этом и проблема. Использую HTML, возможно применение Java Script. Заранее спасибо.
0 votes31 answers -
Ссылка с картинкой и пунктирное подчеркивание
Здравствуйте ! Есть такая ссылка : <a href="#" onclick="JS-code">Текст<img src="foo.gif" alt="foo" /></a> Можно ли сделать так, чтобы текст в ссылке был подчеркнут пунктирной линией, а картинка нет ? Разделить это на две отдельные ссылки не предлагать. Дело в том, что код, который находится в onclick достаточно длинный и укоротить его нельзя, а таких ссылок на странице много. Страница и так уже довольно обьемная и увеличивать ее еще больше не хотелось бы. Спасибо.
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-