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
-
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 -
Неймоверное задание, кто возьметься?)
Внутри этого листика будет контет. И резать нужно только с прозрачностью, потому что фон не позволяет по другому! Я порезал его применив фильтр * html #block_1 .blocks { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='images/img_5.png'); } Но в ие6 весь контент внутри этого листика работает через ж. Ссылки не мигают при наведении, и текст ваще не выделяется как надо! + ко всему он еще и тянуться должен. Как исправить ситуацию? Что бы и прозрачность и в ие норма работало. п.с. пнгфикс не подходит!
0 votes13 answers -
div bg problem
Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок. http://img260.imageshack.us/img260/1663/bg1j.jpg Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет. В чем теор. может быть ошибка. На всякий прикреплю еще текст. <body> <div id="page"> <div id="header"> пэхэпэшечка </div> <div id="123"> <div id="content"> пэхэпэшечка </div> <div id="sidebar2"> пэхэпэ </div> <div id="sidebar"> пэхэпэ </div> &…
0 votes17 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 -
Динамическое добавление двух полей в форму
Приветствую, подскажите как сделать динамичеки добавление 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 votes3 answers -
CSS и PHP
PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо
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 -
Скрыть путь к изображению
Здравствуйте Уважаемые форумчане! У меня возник вопрос: «Как скрыть ссылки на определенные рисунки?». Сайт на движке DLE 8.0, есть краткая и полная новость в обеих по картинке. В браузере Opera нажимаем правой кнопкой мыши на фото => «Свойства изображения…» и получаем полный путь к картинке на сайте. Например “http://mysait.ru/library/files/arc_61883/003/screen.jpg”. Вот его мне и нужно скрыть т.к. это вопрос безопасности остального содержимого в той же папке. Скажите пожалуйста, можно ли скрыть с помощью кода адрес рисунка и как? Т.е. какие технологии применить, чтобы картинка отображалась, а ее местоположение было скрыто?
0 votes11 answers -
IE проблемы с отображением img в li
Только в IE рисунок расположенный в одной строке рядом с текстом сползает на строку вниз. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Img сползает</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="menu_list" id="secondpane" style="width:20%"> <p class="menu_head">Header1</p> <div class="menu_body"> <ul> <li><a href="#">str2<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9W…
0 votes2 answers -
Как с имеющегося jpg сделать прозрачную картинку?
Есть вырезаная картинка в формате jpg. Возможно ли обрезать на ней лишнее и сохранить с прозрачностью не меняя ее размер?! Наперед спс за помощь)
0 votes2 answers -
Помогите исправить ошибки в CSS
Вот ссылка с валидатора на страницу ошибок ссылка на валидатор
0 votes14 answers -
Стиль ссылки на странице, на которую она ссылается
Всем доброго времени суток! Подскажите как можно задать стиль ссылки на странице, на которую она ссылается? Или хотябы ткните носом в темку, которую можно почитать) Спасибо!
0 votes5 answers -
Пустой квадрат вместо ∪
Тема не совсем в тему. Дело в том, что мой клиент не видит на этой странице символ ∪(∪). Вместо символа - пустой квадратик, по его описанию. Лично я в ИЕ6,7,8, Опере и Лисе вижу символ прекрасно (на двух ПК)! Есть идеи - отчего так может быть?
0 votes19 answers -
колонки одинаковой высоты
http://s16.radikal.ru/i191/0912/26/53f31c5f9e6c.png - нужно что б колонки не просто были одинаковой высоты, но и занимали всё пространство от них до футера не в зависимости от содержимого.
0 votes23 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 -
Вложенные списки <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 -
проблемы в опере
http://kardinal.pp.ua/index.php парни , как убрать причину , которая режет бегущую строку в опере?
0 votes1 answer -
Учитель по CSS !
Может это конечно покажется дико но все же...ищу учителя, или так сказать того кто сможет мне в любую минуту подсказать как и что в CSS. моя ася 423802702
0 votes2 answers -
Firefox 3.0.15 и Opera 10 неправильно отображают меню
Здравствуйте. Проблема - Firefox 3.0.15 и Opera 10 неправильно отображают меню, в то время, как IE7 и Opera 9.50 отображают так, как задумывалось. Менюшка на js - выпадающая. Сами посмотрите на скрине, как это выглядит в Opera 10: Менюшка такая же установлена еще на паре сайтов, там проблем с отображением нет, видимо, все дело в верстке, но понять не могу, в каком моменте. Адрес сайта scrubs-mtv.ru. Ребят, очень нужна ваша помощь. Спасибо за внимание.
0 votes3 answers -
Ссылка с картинкой и пунктирное подчеркивание
Здравствуйте ! Есть такая ссылка : <a href="#" onclick="JS-code">Текст<img src="foo.gif" alt="foo" /></a> Можно ли сделать так, чтобы текст в ссылке был подчеркнут пунктирной линией, а картинка нет ? Разделить это на две отдельные ссылки не предлагать. Дело в том, что код, который находится в onclick достаточно длинный и укоротить его нельзя, а таких ссылок на странице много. Страница и так уже довольно обьемная и увеличивать ее еще больше не хотелось бы. Спасибо.
0 votes1 answer -
Баннер загораживает меню
Здравствуйте! Верстая выпадающее меню столкнулся с проблемой. Под меню был флеш баннер. И в опере выпадающий список "уходит" под баннер. Мои попытки как-то обойти данную ситуацию ни к чему не привели. Баннер упорно лежит выше менюшки. В примере я специально спозиционировал меню и баннер так, чтобы было видно наложение. Повторюсь что данный "эффект" хорошо наблюдается в Опере. Я знаю что можно позиционировать слои с помощью z-index, но применять его на практике мне как-то не удавалось. (это бонус вопрос наверное ) Вот хтмл <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http…
0 votes6 answers -
IE обрабатывает не все стили
В моей практике несколько раз сталкивался с тем, что IE7-8 иногда обрабатывает не весь css, при первой загрузке этого файла. Обычно выражается это в том, что он игнорирует margin:0 auto; После рефреша -- всё хорошо. Сейчас встала задача исправить этот косяк. Вычленить проблему не смог, появляется баг из неоткуда. Есть мысли как поправить?
0 votes17 answers -
я понимаю что достал
Вот есть такой код <table style="text-align: left; width: 100%; height: 455px;" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td id="menu1"align="center" valign="top" <a href="index.php?categoryID=2" class="cat">автонавигаторы</a> <font class="olive">(15)</font> <ul> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> </ul> </div> </td> <td id="menu2" align="center" valign="top"<a hr…
0 votes24 answers -
Помогите с background
Завел я свой блог, и решил изменить фон. В настройках можно редактировать СSS. Написал body { background-image: url("http://attachments-blog.tut.by/29555/files/2009/12/fon.jpg"); background-repeat: no-repeat; background-position: center ; background-attachment: fixed; } Получилось с белыми отступами по бокам. Пробовал другие тэги, не получается все равно сделать фон на всю страницу. Может есть стандарное разрешение, которое нужно использовать. Размер моей картинки 1024x927.
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-