HTML Coding

29542 questions in this forum

1. css3pie (PIE.htc) работает с задержкой при условии hover?

   Скругляю уголки у li в IE при помощи css3pie (http://css3pie.com). У li при selected и hover также есть бекграунд из градиентного рисунка (repeat-x). При наведении мыши на li css3pie работает с задержкой, то есть скругление происходит не сразу, а спустя заметные для глаза доли секунды, а сначала виден нескругленный угол. Так и должно быть? Может, css3pie нельзя применять для hover? И еще - без position:relative вообще не работает. Пробовал по-разному: задавал position и css3pie как для всего (то есть неактивного) li сразу, так и для отдельно selected и hover, не помогло.

   Asked by Squidward, August 26, 2011

   0 votes
   26 answers
2. Проблема с переносом слов в IE

   Есть текст, состоящий из восклицательных знаков, разделенных пробелами. Проблема в том, что в IE этот текст не переносится по строкам, а просто разрывает всю верстку. Есть ли способы решения данной проблемы. Пример можно посмотреть тут (в IE появляется горизонтальная прокрутака)

   Asked by Damnedest, September 5, 2007

   0 votes
   3 answers
3. overflow-x

   Я может чего то не понимаю? Я всегда думал что можно прописать overflow-y:visible; overflow-x: hidden; и все выходящие за пределы блока по горизонтали скроется а по вертикали будет видно, оказалось не так, может кто объяснит? <style> .head { height: 300px; width: 700px; margin: 0 auto; border: 1px solid red; overflow-x:hidden; overflow-y:visible; } .in { height: 500px; width: 40px; border: 1px solid red; } </style> <div class="head"> <div class="in">123</div> </div> это выглядит вот так а должно вот так help!?

   Asked by exessqd1, February 17, 2011

   0 votes
   9 answers
4. Какие программы нужно знать начинающему верстальщику?

   Какие программы мне нужно знать чтобы писать красивый интерфейс для сайтов.То есть добавить туда средств оформления?

   Asked by MegaS, October 5, 2013

   • программаверстальщик
   • дизайн
   0 votes
   31 answers
5. применение hover к тегу area

   Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …

   Asked by graf86, November 14, 2011

   0 votes
   2 answers
6. Десктопные аналоги css песочниц

   Здравствуйте, возник такой вопрос. Все вы знаете как минимум несколько очень удобных сервисов css-песочниц. Очень удобная штука, пишешь код, а сервис сразу же отрисовывает то, что вы накодили. Например: ccsdeck, codepen и т.д. Впрос такой: есть ли десктопные аналоги подобных сервисов. Надо чтобы с хтмл файлами и картинками можно было бы работать локально, но чтобы все так же сразу отрисовывалось. Заранее извиняюсь за нубский вопрос

   Asked by pavelpashkovsky, December 24, 2013

   • css
   • приложения
   0 votes
   6 answers
7. выравнивание div'а внутри div'а??

   Есть код: <div class="contentTbl_contentTd"> ,,, </div> <h2>Membership</h2> <div class="abMembBox"> Test text <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.jpg" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.org/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> </div> Есть CSS к …

   Asked by ZoolooS, June 18, 2007

   0 votes
   13 answers
8. 2 Diva с шириной по 50% и float: left и их отображение в ie6 и ie7

   Народ еще нашел странную особенность http://shinoda.ru/bug_fix/block_test.htm Баг в том что в шестой и седьмой версии ИЕ при ширине в 50% и с флоатом лефт (вроде бы поровну и в сумме 100%) не помещаются на одной линии. И даже вроде знаю из чего, вот решил покопать по-подробнее, итак по порядку Я брал и скриншотил экран и замерял правильно ли браузер расчитывает ширину и вот что получилось (разрешение у меня 1280): IE6: Ширина окна браузера (без учета скролла и всего отсального) - 1253 px Ширина одного блока при разрешении 1253px была равна 627px, умножаем это на 2 и получаем 1254!!! и тут уже понятно почему блоки не стоят на одной линии, итог - ИЕ неправильно посчитал по…

   Asked by TonKhaO, September 16, 2009

   0 votes
   26 answers
9. hover у ссылки сменой фона в ИЕ6

   В ИЕ6 у ссылки фоном есть картинка, которая вдобавок png еще, при наведении должен менятся. В везде нормально, а вот ИЕ6 выдает: html <ul id="menu_two"> <li><a href="#" class="iePNG">Схема проезда</a></li> <li><a href="#" class="iePNG">Скачать прайс-лист</a></li> <li><a href="#" class="iePNG">Оформить заказ</a></li> </ul> css #index #menu_two { list-style: none; margin: -350px 0 0px 0px; padding: 0px 0 0 0px; position: relative; display: block; float: right; z-index: 7; text-align: left; } #index ul#menu_two li { font-family: Arial; ma…

   Asked by Mary_RND, April 12, 2010

   0 votes
   27 answers
10. Помогите пожалуйста разделить шапку

    Здравствуйте. Я создаю свой сайт и сейчас остановился на проблеме с шапкой. Я планирую сделать вот такой каркас На основе шаблона я сделал вот такой HTML код: <!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></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body&gt…

    Asked by Faran, April 10, 2010

    0 votes
    6 answers
11. cid: в html-письмах

    Здравствуйте, подскажите пожалуйста как вставить картинку в html-письмо что бы они отображались в почтовых клиентах вот такой код нашел html-россылке <img src="cid:photo.jpg" alt="" width="150" height="289" border="0"/> картинка добавлена через cid.

    Asked by Rubik, May 4, 2012

    0 votes
    2 answers
12. Как правильно сделать отступ снизу под футером

    Имеется внешний div, у которого фоновый рисунок - штриховка. этот div имеет поля слева и справа по 20 пикселей, а также футер отступает снизу то края страницы на 20 пикселей. у div с контентом белый фон. Естественно, минимальная высота должна быть 100%, и футер внизу. По-другому задачу можно сформулировать так: есть внешний div, с минимальной высотой 100% и штриховкой на фоне, и внутренний, который имеет высоту на 20 пикселей меньше внешнего, соответсятвенно футер прибит к низу уже во внутреннем диве. Что-то подобное можно увидеть на toolsbrk.ru, но там с полосой прокрутки(т.е. внутреннему диву задана высота 100% + паддинг снизу) Очень интересно было бы увидеть решение …

    Asked by pav8909, April 14, 2011

    0 votes
    11 answers
13. Как изменить порядок загрузки элементов страницы?

    Добрый день, уважаемые знатоки! Проблема у меня такая: на странице есть баннеры от баннерообменных систем, которые тормозят общую загрузку страницы. Т.е. отдельные элементы страницы не показываются пока не будут загружены все баннеры. Подскажите пожалуйста, можно ли определить порядок загрузки страницы так, чтобы подгружать баннеры в последнюю очередь? Сначала я хотел заключить баннеры во фреймы, однако вот здесь написано, что многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы и некоторые браузеры не умеют обрабатывать фреймы. Действительно ли это так?

    Asked by zaero, October 22, 2010

    0 votes
    7 answers
14. option selected и IE9

    Простенький код: <span> <label for="cmp_sort">Sort by</label> <select id="cmp_sort"> <option value="original" selected="selected">original</option> <option value="name">name</option> </select> </span> Во всех браузерах, включая IE7-8 работает корректно(при загрузке страницы в select появляется "original"), в ие9 при загрузке страницы - в select показывается пустая строка(если на нее нажать, там и появляются "original"/"selected"). Пробовал засунуть $("#cmp_sort").val("name"); При загрузке выполняется, но значение в select все равно не устанавливается. Хотя если вы…

    Asked by DmitryG, June 21, 2012

    0 votes
    3 answers
15. Разместить таблицу по центру страницы

    Здравствуйте! Вопрос следующий. Таблица размещается в теле поста WordPress (копирование из Word и вклейка). Каким образом можно разместить таблицу в центре страницы? Для центрирования стандартно использую тег p с параметром align, но в данном случае, либо прописываю не там, либо он не применим. Какие могут быть варианты решения? Спасибо.

    Asked by MatildaSPb, May 24, 2010

    0 votes
    5 answers
16. как связать 2 поля со списком?

    Я вроде много чего полистал на этом форуме и понял что это лучший сайт и форум. Думаю тут мне помогут. Все просто... Вот нужно сделать такую штуку. Т.е. када выбираешь значение в 1ом поле, во втором поле подгружались значения зависимые от первого. Выбирая значение во втором поле со списком, подгружались значения в третьем и т.д. Буду очень благодарен всем кто может помочь.. Очень хочу научиться такие штучки делать...

    Asked by moy_login, September 1, 2010

    0 votes
    24 answers
17. SSl сертификат для домена 3-го уровня это реально???

    SSl сертификат для домена 3-го уровня реально получить где нибудь? На Cloudflare попробовал, не прокатило. Подскажите чтобы тупо не биться головой о стену.

    Asked by Alex_, June 27, 2017

    • ssl сертификат
    0 votes
    7 answers
18. Не тянеться слой

    Подскажите пожалуйста как сделать так чтоб слой тянулся. В моем случае это линия синего цвета слева от основного текста. Она должна автоматически разтягиваться от вержней синей линии до нижней синей линии. Всю голову себе проморочил и ниче так и не получилось... Вот сайт: vermiculit.com.ua/test

    Asked by Kos87, October 21, 2007

    0 votes
    19 answers
19. Подскажите по поводу тэгов colspan="" и rowspan=""!!!

    Подскажите пожалуйста! Каким образом в css прописать тэги colspan="" и rowspan="" минуя html документ?

    Asked by black_rabbit, February 17, 2008

    0 votes
    15 answers
20. Горизонтальное меню в IE6

    Что-то я запутался. По совету друзей (с) сначала решил забить на IE6, но что-то совесть не позволила. Теперь у меня вопросы по верстке. CSS: #mm_container { background:url(/images/mm_a.png) repeat-x; height:74px; } #mm_container ul{ display:table; margin: 0 auto; } #mm_container li{ display:table-cell; } #mm_container a { display: block; float:left; height:74px; padding:0 20px; font-family:"Hortensia"; color:#fff; text-decoration:none; font-size:1.7em; line-height:74px; } #mm_container li { background:url(/images/mm_a_separator.png) left no-repeat; } #mm_container a:hover { background:url(/images/mm_a_hover.png) repeat-x; } #mm_container li.current a…

    Asked by d0ublezer0, July 7, 2010

    0 votes
    23 answers
21. Разрезка изображения

    Здравствуйте. Интересует вопрос разрезки и подготовки для WEB изображений в GIMP и PAINT.NET . Не могу понять как резать. Спасибо.

    Asked by maxim, December 27, 2009

    0 votes
    23 answers
22. Занятный глюк IE7

    Наткнулся на занятную пакость в IE7, вот минимальный пример: <!DOCTYPE HTML> <html> <head> <title>Пример</title> <style> p { margin: 0; padding: 0; } div { padding: 2px; } </style> </head> <body> <div style="width: 72%; float: left; background: #fcc;"> <div> <div style="margin-bottom: 40px; width: 90%; background: #ccc;"> <p>Отступ задан только здесь, с последующим блоком никак не связан...</p> </div> </div> <div style="width: 60%; float: left; background: #cfc;"> <div style="width: 90%; background: #fff;"> <p>Откуда же в IE7 берется отступ под…

    Asked by SelenIT, May 26, 2010

    0 votes
    6 answers
23. При нажатии на элемент формы value очищается

    Доброго времени. подскажите, можно ли без яваскрипта сделать так чтобы при нажатии на элемент формы type=text с заранее написанным value=lalala, этот value стирался? т.е. нажал и сразу пишешь свой текст, не надо стирать ничего.

    Asked by shaltay, April 26, 2011

    0 votes
    9 answers
24. Проблема со слайдером slick

    Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .

    Asked by umid99, September 16, 2018

    • slick
    • js
    • error
    0 votes
    1 answer
25. Как уложить div'ы последовательно столбцами, а не строчками?

    Как сделать кроссбраузерную вёрстку такого набора div? То есть имеется контейнер — div фиксированной высоты (в данном случае на 3 маленьких блока). В него нужно последовательно "укладывать" блоки столбцами по 3. Причём количество блоков заранее не известно, то есть классический табличный метод (строками) не годится. Перебрал кучу вариантов, пока не получается. в идеале сделать это без дополнительных контейнеров, просто div подряд.

    Asked by inoxxx, April 14, 2011

    0 votes
    27 answers