HTML Coding

29,542 questions in this forum

1. Псевдоэлементы ie

   Привет всем! .tel:before { content: ""; background: url(img/phone.png); width:37px; height:47px; float: left; position: relative; top: -14px; left:-10px; } В ie не сработает top и left почему?

   Asked by soltx, September 26, 2014

   0 votes
   3 answers
2. псевдоэлементы ко всем img'ам в таблице

   Имеется такая html-структура: <table class="preview"><tbody><tr><td><div><a class="page-link-object" href="product/kitchen.htm"><img src="kitchens_icon.png"></a></div><div><a href="product/kitchen.htm">Кухни</a></div></td><tr></tbody></table> Требуется подключить псевдоэлемент :after ко всем тегам img таблицы .preview. Моя версия CSS: .preview img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset; opacity: 1; background: #000000;} Что не так и главное - почему?

   Asked by maritca, December 10, 2014

   0 votes
   3 answers
3. Псеводэлементы :after и ::after

   Не могу понять практическую разницу между типами с одним и двумя двоеточиями. Естественно, вопрос не по версиям CSS и не по поддержке в браузера. Спасибо

   Asked by skvor, December 18, 2011

   0 votes
   5 answers
4. Публичная папка

   Как на хосте сделать чтобы когда заходишь по пути http://сайт/папка/ все е? содержимое было видно любому пользователю? chmod 777 на каталоге стоит, что ещ? сделать?

   Asked by okunev2, May 14, 2008

   0 votes
   8 answers
5. пункт меню в виде трапеции

   добрый день, подскажите как сделать пункт горизонтального меню в виде трапеции, что бы она тянулась на разные надписи самого меню? трапеция с левого угла - прямая, с правого - угол и вехняя полочка хотела вставить background-ом эти изображения в li но скачет высота и видно стыки посоветуйте пожалуйста

   Asked by jul_k, May 3, 2008

   0 votes
   10 answers
6. Пункт меню в обводке со стрелочкой на неравномерной фоне

   Суть в том, что эта обводка вместе со стрелкой на неоднородном заднем фоне. Вот как такое реализовать?( Я попробовала backgrond-size - но в итоге пропорции при определенных размеров сильно искажаются и это бросается в глаза...

   Asked by Zverushka, January 27, 2014

   0 votes
   10 answers
7. Пункт меню переносится на следующую строчку

   При изменении масштаба в Chrome последний пункт меню переносится на другую строчку, хотелось бы услышать какой нибудь совет как этого избежать. Установка min-width: 100% не очень помогает,так как меню у меня не на всю ширину блока и при минимальном масштабе всё равно съезжает так же подключён reset.css,но я его не стал выкладывать. http://jsfiddle.net/XdGhW/1/

   Asked by Skylef, October 19, 2012

   0 votes
   6 answers
8. Пункт меню при наведении

   Здравствуйте! Есть такая проблема. При наведении на пункт меню блок как бы должен съежать вниз на пару пикселей. Изображение тут - . Уже всю голову поломал. Помогите пожалуйста!

   Asked by Digidie, July 3, 2012

   0 votes
   6 answers
9. Пункт меню при наведении

   Вот код: http://jsfiddle.net/49uM3/ Проблема: при наведении на пункт меню "Услуги" появляется выпадающее меню, а сам пункт "Услуги" при наведении выделяется серым цветом, НО когда курсор убираешь то пункт "Услуги" становится белым, а не СЕРЫМ! Нужно, чтобы он оставался серым цветом, пока пользователь проводит курсором по выпадающему меню. Подскажите, как это осуществить? Спасибо.

   Asked by Alfa2015, October 31, 2015

   0 votes
   2 answers
10. Пунктир вокруг кнопок (submit, button) в ИЕ8

    Раньше боролись с пунктиром вокруг ссылок и кнопок в FF, а сейчас смотрю и восьмой ИЕ подтянулся. Тоже начал пунктиры рисовать. Лечится этот баг или нет?

    Asked by Belovsan, August 7, 2010

    0 votes
    4 answers
11. Пунктир вокруг... кнопок (submit, button) в FF

    С пунктиром вокруг ссылок все понятно a { outline: none; } Эта тема обсуждалась на форуме. А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда: input[type="button"], input[type="submit"]{ ??? } Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.

    Asked by and0605, August 28, 2009

    0 votes
    16 answers
12. Пунктирная линия

    Здравствуйте! Подскажите, как провести такую пунктирную линию: от круга до круга. Смотрите картинку: Код: https://jsfiddle.net/sy8jLp9f/ Спасибо.

    Asked by Alfa2015, October 12, 2015

    0 votes
    4 answers
13. Пунктирная линия (линия из точек)

    Сорри за кривое название темы, не знаю как называется линия из точек Хотя наверное это больше в css раздел темка, но все же Возникла необходимость сделать с помощью тега сделать пунктирную линию. Т.е линию представляющую собой кучу точек (.........) пробовал <hr nodashed size="1px" style="border:dotted"> но получается прямоугольник) может, тут чего с отступами нужно мудрить, хелп в общем)

    Asked by Furius, August 1, 2008

    0 votes
    7 answers
14. Пунктирная рамка внутри блока

    Подскажите, как можно скруглить пунктирную рамку внутри элемента? Код здесь: http://cssdeck.com/labs/fupgjhr5

    Asked by Alfa2015, May 8, 2015

    0 votes
    4 answers
15. Пунктирное подчёркивание многострочных ссылок

    Как быть, если ссылка должна занимать не 1 строку, а 2 и более, рамкой уже не получается?

    Asked by Tmin10, March 2, 2012

    0 votes
    4 answers
16. пунктирное подчеркивание ссылок - проблема в ИЕ

    <html> <head> <style> a { color: #0084e4; border-bottom: 1px dashed #0084e4; text-dec_oration: none; } a:hover { border-bottom: 1px solid #0084e4; } #left { float:left; } #intop { width: 900px; margin: 0 auto; clear: both; } #inlogin #right { text-align: right; } </style> </head> <body> <div id="intop"> <div id="inlogin"> <div id="left"> <a href="sg">aadfadfsa</a> </div> <div id="right"> <a href="bsg">badsfadsf</a> </div> </div> </div> </body> </html> в ИЕ подчеркивание не показывается. но если убрать float:left, то показывается такие…

    Asked by Orliha, November 3, 2007

    0 votes
    7 answers
17. пунктирное подчеркивание у ссылки

    Нужно сделать, чтобы у ссылки было подчеркивание пунктирной линией. Делаю так: a { display:block; border-bottom: 1px dashed white; text-decoration:none; padding:2px; padding-top:20px; color: #ffffff; } Но тогда пунктирная линия растягивается на всю ширину, а не только под текстом. Как сделать, что бы подчеркивался только текст ссылки? Заранее, спасибо

    Asked by top-top, May 19, 2009

    0 votes
    8 answers
18. пунктриная рамка для круга

    Добрый день, уважаемые форумчане! Я столкнулся с проблемой, описанной в сабже. Собственно превратить div в круг довольно легко: #circle { width: 112px; height: 112px; background: #333333; -moz-border-radius: 56px; -webkit-border-radius: 56px; border-radius: 56px; } Задать простому прямоугольному div'у пунктирную рамку еще проще: border: dashed white; Проблема возникает при попытке соединить эти два момента в одном блоке - пунктир сливается в одну непрерывную линию. Чуть лучше получается если задать свойство border: dotted; - линия дробится на четыре равные части (на 12, 3, 6 и 9 "часов"). Возможно кто-нибудь сталкивался с такой проблем…

    Asked by Koloyar, July 31, 2012

    0 votes
    7 answers
19. Пункты меню

    Здравствуйте! Подскажите пожалуйста,как можно сделать так,чтобы пункты меню сайта добавлял сам пользователь из админки?

    Asked by ned, March 31, 2009

    0 votes
    5 answers
20. Пункты меню

    Всем привет вот линк на скриншот проблемы http://www.imageup.ru/img251/2087130/2015-03-28-16-22-59-skrinshot-ehkrana.png Подскажите как сделать чтоб меню нормально отображалось? то есть чтоб третий пункт (ИСТОРИЯ КАК НАУКА) не оказывался бы подпунктом второго *(ОТЕЧЕСТВЕННАЯ ИСТОРИЯ) как на скриншоте видно #menu { background:white; float: left; width: 270px; height: 1700px; border:1px solid #000;}.NAV ul { display:block; float:left; list-style:none; font-size: 18px; color:black; text-decoration:underline; margin:0px; padding:0px;} и <div id="menu"><div class="NAV"><ul><li><a href="#">ГЛАВНАЯ</a>&…

    Asked by BituM, March 28, 2015

    0 votes
    4 answers
21. Пункты меню картинками, глюк в IE6

    Есть меню, шрифт не стандартный поэтому режу картинками. По :hover пункт меняет цвет. Делал так: <ul class="menu-list"> <li class="menu-1"><a href="#"></a></li> <li class="menu-2"><a href="#"></a></li> <li class="menu-3"><a href="#"></a></li> <li class="menu-4"><a href="#"></a></li> </ul> А для .menu-list .menu-1 a задаю размеры и картинку фоном. Картинки такого вида(голубым красится при наведении): а баг собственно вот в чём. Так меню отображается везде: А так в IE6: hasLayout есть, так как размеры заданы. position:relative не помогает. Есть идеи как это л…

    Asked by od_lazio, July 15, 2009

    0 votes
    5 answers
22. Пункты меню перескакивают на новую строку - почему?

    Пункты меню перескакивают на новую строку - почему? http://zverushka.zz.mu/edu2/

    Asked by Zverushka, December 7, 2013

    0 votes
    5 answers
23. Пункты раскрывающегося меню не влазят в экран

    Есть горизонтальное меню в шапке сайта с раскрывающимися пунктами. В одном из пунктов длинный список и когда на странице мало контента, раскрытые пункты не влазят в экран. Я так понимаю динамически растягивать страницу по размеру меню можно только через javascript.

    Asked by Psyh, July 14, 2014

    0 votes
    2 answers
24. Пустая область на экране смартфона

    В качестве упражнений для себя по адаптивной вёрстке, сверстал 2 страницы по psd .(вторую правда немного доделать осталось, но не в этом дело) 1) http://alex182.16mb.com/ 2) http://alex182.890m.com/ При тестировании в различных разрешениях в браузере всё ok. Но когда я посмотрел на своём Samsung в опера мини (экран 320 на 480) -ОС Android, то на 1 странице появляется пустая область ,то есть открывается с горизонтальной прокруткой и если отдалять зум то получается вот так : А со 2 страницей всё нормально, занимает полностью всю ширину экрана без горизонтальной прокрутки. Пытался добавить условия <meta name="MobileOptimized" content="320"/> <meta name="Ha…

    Asked by alex182, July 28, 2015

    0 votes
    1 answer
25. Пустая строка между абзацами

    Здравствуйте уважаемые знатоки. У меня вопрос. Я заказал одному товарищу страничку по типу гостевой, чтобы вбивать туда новости. Он все сделал нормально, за одним исключением. Я просил его, чтобы при вводе текста автоматически между абзацами возникала пустая строка. Ведь это тег Р так действует и только? Так? Я просил забить его в стили, ведь иначе автомата не получится? Так? Но почему-то он не может этого сделать, как будто мы на разных языках говорим. Может я не прав? если решение есть, подскажите его. Страничка расположена по адресу http://regions-realty.ru/news/faq.php Код можете там и посмотреть.

    Asked by beze, February 11, 2009

    0 votes
    8 answers