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
-
IETester - За и Против
Вопрос к тем, кто пользуется IETester'ом для проверки верстки в ИЕ6 и ИЕ7. Сталкивались вы с различием в отображении страницы IETester'ом и реальным браузером? Собственно хочется определится - стоит ли 100% полагаться на IETester? Заранее спасибо
0 votes22 answers -
Дублирование переключателя языков в IE
Сайт поддерживает англ. и русскую версию. Соответственно есть переключатель - Eng Рус - активный подчеркнут. Eng и Рус - рисунки. Созданы как два горизонтальных элемента маркированного списка без маркеров. В IE7 (может и в остальных IE) данные рисунки дублируются еще 6 раз в разных местах, при этом расползается дизайн. Не могу выяснить причину. Версия что это из-за float'ов не подвердилась. Если меняю display:block; на display:inline; то данные рисунки вообще пропадают. P.S. Использую CMS Made Simple, если это-то что-то меняет. Помогите плиз, выяснить возможную причину и пути к ее устранению.
0 votes5 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=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p, table, td, th, img { margin: 0; padding: 0; border: 0; } table { border-collapse: collapse; } BODY { background: silver; } .b-popupwin .tw, .b-popupwin .bw { width: 100%; height: 20px; font-size: 1px; line-height: 1px; } .b-popupwin .tl { width: 20px; background: url(ima…
0 votes17 answers -
Отображать тэги с новой строки
Здравствуйте. Скрипт генерирут строку <input type=checkbox ..> t1 <input type=checkbox ..> t2 ... <input type=checkbox ..> tN Квадратики вместе с тектом отображаются в одну строку. Как с помощью css сделать так, что бы отображался квадратик и текст, а следующий квадратик с текстом отображался бы с новой строки? Зарание благодарен =)
0 votes12 answers -
Отступ в <select>
<select> <option>111</option> </select> <p>222</p> Между этиим блоками в фоксе 2.0.0.20 непонятной большой отступ! И самое что в этом проблематично, непоятно откуда( Помогите, плиз
0 votes11 answers -
Различия загрузки страниц в IE и Mozille
Как добится что бы IE также кэшировал страницы сайта как скажем Mozilla? Вот конкретный пример сайт Если открыть его в IE то страницы будут подгружаца заново каждый раз, а если попробывать это сделать в Mozille загружаеца толька изменившаяся часть контента, а графика из кэша. Или может быть дело не в этом???
0 votes1 answer -
Скролл и максимальная высота !
Скролл и максимальная высота ! ! ! Так проблема или скорей всего просто незнания , но суть в том что есть Блок которому нада задать максимальную высоту и так чтоб текст потом от туду невылазил а если текста много чтоб появился скроол ! Но чета некак неполучаеться ! Может кто кодик подсказать !
0 votes7 answers -
IE6 не реагирует на onclick
Необходимо, чтобы при наведении и нажатии на картинку она изменялась. Все виды-кнопки картинки запихнуты в одну. При наведении и при нажатии изменяется background-position. onmouseover onmouseout нормально работает под всем браузерами. onclick или onmousedown работает под mozilla, но не работает под IE6 Кусок HTML кода <tr class="11"> <td class="div1" onclick="this.className='clicked1'"> <a group="1" class="specialButtons" href="/cars/new_cars/"></a> </td> Кусок CSS кода .div1 a{ display: block; cursor: pointer; background:url(/images/auto_1_s2_3.png) no-repeat; height:108px;width:170px; bac…
0 votes10 answers -
Новый фонт на сайте
Как установить на сайте новый фонт, и чтобы он подгружался в браузер при открытии страницы? И был бы виден всем. Что-то типа такого <meta http-equiv="font" src="fonts/newfont.ttf"> ... <div style="font-family:Newfont">Новый шрифт!</div> И чтобы он был виден именно как Newfont.
0 votes12 answers -
3d карусель с перспективой
Всем привет! Не могу найти карусель такого плана http://take.ms/cu7Zu, и чтоб была отзывчивая. Может кто встречал такую, или делал, поделитесь ссылкой или исходниками.
0 votes2 answers -
Как выровнять основную таблицу по центру?
Создал сайт: www.sarburvoda.ru — основная инфа должна быть по центру, а по бокам фон, так вот, в редакторе все нормально, а как залил на сервер — вижу что инфа сползла влево. Почему так? Как исправить? Спасибо.
0 votes8 answers -
Съезжает табличная верстка в IE
Люди добрые, стоит задача разбить шапку сайта на 3 колонки, так чтобы 1-я была логотипом, 2 и 3-я колонка баннеры. ————————————————————————————- | logo | TOP1 | TOP2 | ————————————————————————————- делал и на таблицах, и на div, только в IE все съезжает <table class="nopad top1top2"> <tr valign="top"> <td> </td> <td> </td> <td> </td> </tr> </table> <div id="header_r"> <div id="logo"></div> <div id="TOP1"></div> <div id="TOP2"></div&…
0 votes6 answers -
background-image в td
Доброго время суток. Проблема в следующем. Имеем таблицу с текстом - нужно снизу справа расположить background картинку. Как лучше реализовать? <table width="219" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><img src="images/strelka.jpg" width="9" height="7"> <a href="http://u-i-m.ru/">О нас</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/component/option,com_virtuemart/Itemid,51/">Интернет-магазин</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/blogcategory/1/30/">Новости</a><br> <img src="images/strelka.j…
0 votes2 answers -
Как лучше сохранить веб-страницу на локальном диске?
Народ появилась такая задача, сохранить веб страницу на локалке. НО мне нужно сохранить это не в html формате а лучше как то либо pdf либо картинкой либо еще как, вот пока склоняюсь к pdf ибо если сайт вертикально высокий то не склеивать же каждый скриншот в фотошопе - муторная работа, то есть мне нужно сохранить страницу без возможности ее в дальнейшем редактировать (поэтому варианты типа сохранить в формате Word просьба не предлагать), например для сохранения туторов. Нужен какой то автоматизированный способ, как вы это делаете?
0 votes10 answers -
верстка
Почему текс в Мазиле не выделяеться, что нужно прописать в стилях или убрать?
0 votes3 answers -
фотогалерея
Здравствуйте я установил на сайт фотогалерею jQuery LightBox все нормально кроме одного, фотографии идут списком вниз а мне нужно сделать по строчкам и в каждой строчке должно быть по три фото.Помогите плиз не знаю что делать.Сайт http://tori-jazz.ru/shenki.php вот код <?php include ("blocks/db.php");/*База данных*/ $result = mysql_query ("SELECT title,meta_d,meta_k,text FROM settings WHERE page='shenki'",$db); $myrow = mysql_fetch_array($result); ?> <!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"> &…
0 votes2 answers -
Резиновый слой с изображением
Доброго дня. Начал изучать HTML совсем не давно,вот столкнулся вот с такой проблемой. Задача: Создать фон для страницы,используя изображение большого разрешения,но при этом сделать его резиновым по горизонтали. Давно видел,такую идею,за фон берут изображение,режут его вертикали по полам и при изменении размера монитора или открытии панели закладок,то есть подгонка размера изображения фона под монитор пользователя,одна часть изображения фона заходит на другую,при этом изображение оптимизировано так,что швов практически не видно,а фон хорошо подогнан под разрешение монитора. Помоги советом,как такое или другим способом реализовывается. Вот мой начальный код,очень мало,но д…
0 votes8 answers -
В IE6 переход по адресу норм, а по ссылке через раздел бага
Вроде встречал когда-то такое, но что-то уже не помню, что в таком случае можно сделать Работаем под IE6 Если зайти на страницу напрямую через браузерную строку http://www.autoralf.ru/power/content.php?id=111 то все нормально при наведении на продукцию появляются тенюшки Но если перейти на этот раздел "газонокосилки" по ссылке с другого раздела http://www.autoralf.ru/power/ то при наведении картинки начинают перегружаться. Картинки продукции вынесены в бэкграунд для отцентровки. При наведении происходит смена стилей через onmouseover onmouseout. Если обновить страницу, то снова все нормально. Причем на одном компе под IE6 нормально при любых способах перехода на страницу…
0 votes1 answer -
Помогите пожалуйста!
На сайте стоял опрос. Потом на сайт поставил поиск от Гугла. Теперь когда в форму поиска пишешь запрос и нажимаешь поиск - появляется форма голосавания в отдельном окне. Как так получается? Вот это голосование <? require("vote/nastrojki/voprosy.php"); ?> <table width=140><form method=get action=vote/vote.php target=vote onSubmit="window.open('','vote','scrollbars=0,width=200,height=270,top=20,left=20;');" return false;><tr> <td><p><? echo "$vopros"; ?></p></td> </tr><tr> <td><input type=radio name=golos value='variant1'><? echo "$ot1"; ?></td> </tr><tr> <td><inpu…
0 votes2 answers -
coords в картах-изображениях
Дорогие форумчане, мне нужна помощь. Помогите разобраться с нахождением координат для карт-изображений! Как вы их находите? С помощью какой-то программы? Просветите меня, пожалуйста! Ссылка на урок: http://htmlbook.ru/content/?id=21 Буду благодарен, с уважением Александр
0 votes9 answers -
Съезжает закрывающий div
Посмотрите, пожалуйста, где косяк идет? Съезжает закрывающий div. Делаю закругленные края у блока картинками. UPD: http://rolph.narod.ru/1.html. Sorry
0 votes9 answers -
Проблема с версткой макета
Сижу мучаю макет... не представлю как это сделать, может здесь смогу помочь Вот макет: http://predvoditelev.ru/del/maket.zip (2.7mb) Превью: Общий фон (тёмносерая текстура) - размножаем (ФОН1). Основная часть (светлосерая текстура) - размножаем (ФОН2). Эта часть фикс. по ширине - распологаем по центру. Тень от основной части должна уходить за пределы экрана без появления прокрутки (ТЕНЬ). Футер прибиваем к низу. Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; c…
0 votes37 answers -
Футер к низу
<body> <div id="wrapper"> <div id="main"> </div> <div id="footer">3333</div> </div> </body> #wrapper{ min-height:100%; } #main {min-height:100%; position:relative;} #footer{position:relative} Не жмется футер почему?
0 votes3 answers -
Показ большого изображения.
Здравствуйте! На сайте для показа большого изображения используется скрипт. Проблема заключается в том, что при просмотре текущего изображения какое-то время ещё висит предыдущее. Вопрос: можно ли это как-то поправить. Пыталась уменьшать вес изображений - не помогает. JS не знаю, использовала готовый. Вот здесь можно посмотреть: http://www.vt-remont.ru/fotogalery.html
0 votes5 answers -
Медленный gif
Рисую разные гиф. Если в gif'e есть кадры с задержкой менее 0,1 сек. то браузеры искусственно увеличивают задержку до 0,1 сек. При этом сам редактор gif отображает анимацию с нужной скоростью (photoshop, GIF Movie Gear). Конкретно эта анимация нормально отображается в firefox. IE и chrome отображают медленно. Как с этим бороться? Постую следующим кодом: <!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> </he…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-