HTML Coding

29542 questions in this forum

1. Не работает hover в ИЕ

   Во всех ИЕ и др. браузерах работает, а вот в ИЕ6 не работает hover при наведении мышкой на меню,фон пункта меню белым не делаеться ,как делаеться на др. браузерах. Вот стиль который отвечает за наведение: #left .menu div:hover { background-color:white; /*Чтоб при наведении каждый пункт светился белым*/ cursor:pointer; } Скажите, как исправить? Вот сайт: http://tort-tort-tort.narod.ru

   Asked by people2010, September 15, 2010

   0 votes
   7 answers
2. Как выстроить элементы

   В общем есть такой код <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> Как сделать чтоб когда я добовляю ещё один код, т.е. <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> <div style="width: 1…

   Asked by ВэйДлин, October 16, 2010

   0 votes
   5 answers
3. position: fixed как сделать?

   необходимо блоку с position:fixed задать определенное положение, но никак не могу допетрить как: нужно чтобы блок был прижат к верхней части окна - то есть top:0; - тут все просто. а вот по горизонтали он должен располагаться на 200px правее от центра. можно ли обойтись без дополнительных блоков?

   Asked by sympler, June 24, 2011

   0 votes
   16 answers
4. IE-хак не работает

   Есть такой код: #leftnav a { border-bottom: expression(this.nextSibling == null ? "1px solid #cccccc" : "none"); } Сие костыль для работы :last-child. this.nextSibling действительно null, если </a></div>, т.е. нет пробелов. Но вот в ie8 это не работает. null nullом, но работать не хочет. CSS подключается верно: <!--[if lte IE 8]> <link href="etc/ie.css" rel="stylesheet" type="text/css"> <![endif]--> В чем проблема? Ведь работает даже в ИЕ 5.5

   Asked by 7ion, July 3, 2011

   0 votes
   5 answers
5. Нетривиальная задача

   Добрый день! Хочу услышать мнение грамотных людей по поводу верстки одного из тестовых макетов. Общие требования в верстке 1. Корректное отображение в браузерах: Internet Explorer 6 и выше, Firefox 3.5.* и выше, Google Chrome, Safari 5 и выше 2. Минимальное количество элементов в html разметке, минимальное количество стилей CSS, минимальное количество изображений для оформления (если вы используете изображения при реализации задачи), минимальное кол-во JavaScript'а (если вы используете JavaScript для реализации задачи, использование при этом JavaScript framework'ов /prototype, jQuery, и т.д./ приветствуется), использование тегов таблиц не желательно Комментарии к макету …

   Asked by IIAIIIA, September 5, 2011

   0 votes
   24 answers
6. Верстка сложных элементов

   Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!

   Asked by Alexander_G, October 4, 2017

   0 votes
   4 answers
7. Не работае таблица стилей в IE (в Opera всё работает отлично.)

   Помогите, пожалуйста, решить проблему с таблицами стилей. Есть страница сайта, оформленная при помощи слоёв.При просмотре в Opera, всё работает отлично, но когда смотришь через IE, впечатление, что таблица стилей вообще не подключается и поэтому всё оформление просто "разваливается". С такой проблемой столкнулся впервые, если раньше и возникали проблемы, то это касалось отдельных элементов страницы и устранить проблему не составляло большого труда. Подключаю css <link href="stylecss.css" type="text/css" rel="stylesheet" /> Часть файла css, так задаю стиль для слоя #layer_1 { position:relative; top:105px; left:510px; z-index:1; border:3px solid #70685A; width…

   Asked by slo_nik, November 3, 2008

   0 votes
   6 answers
8. Облако тегов 3D (модификации)

   Здравствуйте. Разместил на сайте "Облако тегов", все работает верно. Ранее очень часто слышал что его всячески можно модифицировать, например вставлять лого внутрь создавая иллюзию. Или же менять цвета ссылок. Я сам не очень знаком с подобными технологиями и знания у меня поверхностные. Вот код: <script type="text/javascript" src="Мой сайт/swfobject.js"> </script> <div id="RiveraCloud"><p align="center"> Для отображения элемента необходим <br> Adobe Flash Player </p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999); var widget_so = new SWFObject("Мой сайт/tagcloud.swf?r="+rnumber, …

   Asked by TRIGUN, July 4, 2010

   0 votes
   7 answers
9. Footer (картинку Вниз!)

   Чего-чего не ожидал, так это столкнуться с такой проблемой: Каждый, наверно, знает, что картинке можно задать align, чтобы картинка упиралась бесконечно вправо, влево... а как же сделать, чтобы она упиралась вниз?? <img src="under.jpg" width="900" height="382" align="absbottom" valign="absbottom"/> - нифига <img src="under.jpg" width="900" height="382" align="bottom" valign="bottom"/> - тоже нифига Все перепробовал, подскажите что делать. Спасибо.

   Asked by f1nik, September 9, 2010

   0 votes
   13 answers
10. float без обтекания снизу

    Где-то читал, но потерял где именно, есть какое-то свойство к float запрещающее обтекание снизу

    Asked by ShumNo, May 8, 2011

    0 votes
    3 answers
11. background-position c background не должен работать ?

    background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-po…

    Asked by iillyyaa2, May 27, 2011

    0 votes
    6 answers
12. bootstrap мелкие поля

    <div class="item-search"> <form id="w0" action="/site/items" method="get"> <div class="row"> <div class="col-lg-4"> <div class="row"> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_ru"> <div class="col-lg-12">ru<input type="text" id="itemsearch-name_ru" class="form-control" name="ItemSearch[name_ru]" value=""></div> </div> </div> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_en"> <div class="col-lg-12">en<input type="text"…

    Asked by https, June 6, 2016

    0 votes
    10 answers
13. Поле слева

    http://sforme.ru/forme/about/command/ Помогите, в опере нормально отображается, а в ie левая колонка расширяется! В чем проблема?

    Asked by help26, December 26, 2007

    0 votes
    7 answers
14. Подскажите насчет FLOAT

    Есть блочные элементы, при задании float для блока leftbar этот блок выезжает за пределы родительского блока maintext по высоте. Если float убрать то все становится нормально - высота родительского блока = контексту внутри. Нашел решение добавить блок-распорку со значением clear: both, но хотелось бы разобраться с этим явлением для своего образования. Можно ли это как нибудь исправить, заранее спасибо <html> <head> <style> #carrier { width: auto; background: gray; padding: 10px; margin: 0 10%; border: 1px solid green; } #maintext { width: auto; background: white; border: 1px solid red; } #leftbar { width: 200px…

    Asked by Kiar25, January 14, 2008

    0 votes
    5 answers
15. Пользовательские курсоры

    Изучаю css, дошло дело до курсоров. Делаю свой курсор, в формате .cur, сохраняю в формате 16 на 16, а на страничке он отображается размерами где то 30 на 30... совсем не красиво. Кто знает в чем проблема? Код: <html> <head> <meta http-equiv="Content-Tupe" content="text/html; charset=windows-1251"> <title>cursor</title> <style type="text/css"> p {color: red} body { cursor: url(file:///D|/cur.cur); background-color:black; } </style> </head> <body> <p>lalalalala</p> </body> </html></style> Страница с которой я брал инфо: http://www.tigir.com/css_cursor.html

    Asked by Walk, January 16, 2008

    0 votes
    5 answers
16. Горизонтальное кроссбраузерное выравнивание вложенных слоев

    Добрый день. Подскажите,плз,мне надо прижать вложенный слой к правой границе контейнера (др слоя).Нормально работает у меня это толкьо в ИЕ. Opera,Mozilla и Safari на выравнивание не реагируют. <div style="width:100%;text-align:right;border:1px solid green;position: relative;" align="right"> <div style="width:200px; border:1px solid red;position: relative;">Контент</div> </div>

    Asked by Микель, February 2, 2008

    0 votes
    4 answers
17. помогите разобраться с div

    В общем, нужна помощь, незнаю что делать. имеется такой код <div id="container"> some code... </div> #container{ padding-left:18px; position:relative; } В этот div надо запихнуть таблицу (можно ее поместить в другой div) что бы параметры id="container" не касались ее(таблицы), пробовал и вписывать с другим id не помогает... Подскажите как такое релизовать?

    Asked by Dukalis, January 6, 2009

    0 votes
    9 answers
18. Борьба с селектом, браузер: ie6

    Всем давно известно, что если спозиционировать абсолютно, какой-нибудь блок и если под ним окажется select: в IE мы столкнёмся с геморроем.. Есть вариант, перекрыть эту проблему, iframe, но что делать если у тебя блок не с фиксированой высотой и шириной? Ведь iframу нужно выставлять только фикс. ширину и высоту.. в % не катит. Что нужно прописать в css, чтобы iframe тянулся вместе с div-ом, хотя бы по высоте?

    Asked by BassEast, April 10, 2009

    0 votes
    16 answers
19. Убрать рамку вокруг картинки

    Вот такая проблема, делаю дизайн, а картинка с ссылкой в IE и Firefox обведена рамкой, что уже только не прописывал в css все равно не помогает. не знаю как ее убрать. делаю все на дивах http://zodiak93.wen.ru/1120/0011204.gif

    Asked by ZODIAK93, August 27, 2009

    0 votes
    2 answers
20. выпадающие списки: дергается страница при свертывании/развертывании пункта

    Чтобы воспроизвести, раскройте два последних пункта списка, category 2 и LAST. Страничка дёргается при разворачивании/сворачивании LAST, то есть когда контент пересекает нижнюю границу экрана: http://jsfiddle.net/kpoxo6op/kWBBz/#base Мне же нужно поведение, как на этом примере: http://www.designchemical.com/lab/jq...gin/examples/# Тут как ни жми, страничка просто удлинняется и укорачивается, без дёрганья.

    Asked by kpoxo6op, October 26, 2011

    0 votes
    5 answers
21. Полоска между wrapper и контентом

    Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…

    Asked by HRabbit, August 15, 2012

    0 votes
    10 answers
22. Dota 2 <img

    Вопрос не сильно касается тематики форума, но не знаю куда еще с ним обратиться. Вопрос очень глупый и ламерский. В доте в описании вещей работают html тэги, и раньше я с успехом пихал туда разного вида картинки, вчера пришел к тому, что <img src=> заменяется на _img src=>, можно ли с этим как-то бороться? Заранее спасибо за потраченное в пустую(на меня) время.

    Asked by eternalslave, March 28, 2016

    • img
    0 votes
    5 answers
23. Позиция текста

    Всем Доброго Времени Суток! Подскажите, пожалуйста, как можно разместить текст чуть левее от центра? (Так как нужно вставить в файл footer.php в WordPress такой тэг не подходит <center>Текст</center> потому, что основной текст расположен именно чуть левее центра) и смотрится неровно. Нужно как-то задатью, а вот как это сделать я не знаю. Спасибо заранее!

    Asked by Mat Parsons, January 9, 2009

    0 votes
    3 answers
24. Титульная страница по центру...

    Здравствуйте, я больше дизайнер чем верстальщик, но от сейчас себе делаю что то вроде портфолио и столкнулся с проблемой отцентровки сайта , как бы я знаю, что бы сайт был вверху и по середине нужно в css прописать так: *{ margin-left: auto; margin-right:auto; } не подскажите как сделать, что бы сам сайт или же вообще указанная часть контента была по середине, не смотря на разрешение экрана, в моём случае - это титульная страница с небольшим логотипчиком и кнопкой входа на сайт, вроде всю ночь сидел и искал как это сделать, так и не нашёл... За благовременно спасибо!

    Asked by Guooff, April 21, 2010

    0 votes
    5 answers
25. Проблема со слоями.

    Здравствуйте. Как сделать что бы плавающий слой тянул основной слой? Пример:

    Asked by TIMA, December 25, 2010

    0 votes
    14 answers