HTML Coding

29,542 questions in this forum

1. поведение псевдоэлемента в IE

   Вечер добрый Суть такова - имеется раздвижное вертикальное меню, при наведении на пункт возле него появляется плюсик. сделал через псевдоэлемент, плюс появляется и работает как надо в Opera next, Mozilla, Chrome. В IE же при наведении под плюсом появляется подчёркивание, походу потому, что ранее оно задано для span-a, внутри которого пункт меню. я так понял ишак наследует этот стиль и рисует подчеркивание и у псевдоэл., а вот остальные браузеры - нет. подкиньте идейку, как убрать это подчеркивание у IE. пробовал добавлять к span:hover:after {text-decoration:none;} - не работает, к span:after - тоже. сама страница - https://bc9af00d6817e817723349c0695951c9c5303b8c.goog…

   Asked by orange_juice, August 10, 2014

   0 votes
   10 answers
2. Width 100% относительно др. таблицы

   Помогите пожалуйста, сайт www.q-flash.net некорректно отображается в IE, в FF все нормально... Таблица под названием q-Flash при разрешени 1024х768 разьезжается на 100% окна, сломал всю голову.... как сделать чтоб вложенные таблицы заниали 100% ширины от табл q-Flash, а не от окна. Заранее спасибо откликнувшимся... Added: Оказывается все просто достаточно в табл q-flash добавить style="table-layout: fixed;" но никто не мог подсказать...:/ тему можно закрывать

   Asked by PymC, May 9, 2008

   0 votes
   0 answers
3. justify - в некоторых местах пробелы между словами больше

   Здраствуйте! Я сталкнулся с проблемой при использовании выравнивания justify, в некоторых местах документа растояние между словами меняется - где-то чуть больше, где-то слишком большое, причем в каждом абзаце по-разному. Как это поправить? и сделаить растояние одинаковое? P {TEXT-INDENT: 50px; TEXT-align: justify; word-spacing: normal;} В принцепе понимаю что это происходит из-зи особенности этого вида выравнивания... Была идея подбирать word-spacing, но делать это для каждого абзаца слишком тяжко, да и удобнее использовать один СSS фаил. Может есть какаянибуть альтернатива justify, но чтобы текст распологался так-же?

   Asked by Ne1son, May 18, 2008

   0 votes
   2 answers
4. Как реализовать это в блочной верстке

   Проблема такая есть таблица: <table class="tabl" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="left"> </td> <td class="center">*тут контэнт*</td> <td class="right"> </td> </tr> </table> Вот к ней ксс .tabl{width:100%; height:100%;} .left{background:url('left.jpg') right top no-repeat;} .right{background:url('right.jpg') left top no-repeat;} .center{width:974px; vertical-align:top;} тоесть по сути сайт ширеной 974px(рабочего поля), а побокам картинки которые прописаны как бэкграунд(они большого размера чтобы если ты увеличиваешь разришение их было видно если разришение меньше то не видешь част…

   Asked by stars, September 5, 2008

   0 votes
   5 answers
5. Стиль для всех таблиц на сайте.

   Сама таблица выводится при помощи php, так же задаются некоторые параметры. Но во всех таблицах очень много общего. Хочу все это объеденить в css. Как это нарисовать для всех таблиц сразу? Только через класс?

   Asked by Ururu, May 2, 2009

   0 votes
   14 answers
6. Помогите с сайтом, пожалуйста

   Здравствуйте! Проблема в следующем: есть сайт cdac.ru В ФФ, Опера все хорошо. Как обычно преследуют проблемы с ослом. зайдите, плз, на страницу IE, который поновее. 7 или 8. В правой колонке есть калькулятор, сделанный на флеше. проблема в том, что у меня в осле 6 не отображается от хоть убей. В 7, 8 виден?? Что делать, если не виден? Код само собой кину сюда, если надо Спсибо

   Asked by piryaz, August 11, 2009

   0 votes
   11 answers
7. закладки

   Как сделать такое при помощи html! Переход между темы и форумы, показывает разный контекст!

   Asked by angelShlesser, July 30, 2011

   0 votes
   20 answers
8. Рваный фон с тенью.Как сверстать?

   Вот скрин фона http://c2n.me/3pebcoV. Рваные края со всех сторон центрального блока. Плюс еще и тень от него. Голову сломал, не могу придумать как сверстать. Вырезанные куски с предварительными наметками тут Если бы не тень , то как-то бы склеил из 3-х частей. Но тень подчеркивает прямые края блоков.

   Asked by forest79, October 22, 2015

   0 votes
   5 answers
9. Код Виджета плейлиста, переделать в iframe

   Вот такой код: <script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <!-- VK Widget --> <div id="vk_playlist_-2000646569_646569"></div> <script type="text/javascript"> VK.Widgets.Playlist('vk_playlist_-2000646569_646569', -2000646569, 646569, 'ae82627d6c8bb4500d'); </script> я нашел как переделали виджет группы: https://javascript.ru/forum/dom-window/40760-ne-otobrazhaetsya-vidzhet-vk-v-tabakh.html <iframe src="http://vk.com/widget_community.php?gid=29627308&width=190&height=220" width="190" height="220" scrolling="no" frameborder="0"></iframe> Но с виджетом плейлиста…

   Asked by lev99, October 22, 2017

   • html
   0 votes
   1 answer
10. как убрать пунктирную рамку вокруг ссылки?

    Как убрать рамку вокруг ссылки, она появляется при нажатии на пункт меню http://www.kinetikaelectrical.co.uk/index.php

    Asked by gvay, December 27, 2009

    0 votes
    10 answers
11. Разрывная линия через текст

    Задача, на примере фрагмента из макета от Softlink. Задача: На рисунке видим разрывную линию которая обрывается на тексте и после него продолжается. Текст выровнен по центру линии. Имеет ПРОЗРАЧНЫЙ фон, чтобы просвечивался фон родителя. Можно утрировать, линию делать как двухпиксельную разного цвета или сплошную. В общем интересуют разные варианты решения этой задачи коллективным разумом, но чувствую есть более правильное и элегантное про которое я не знаю). Приходилось сталкиваться с подобными задачами, но каждый раз они решались по разному, где-то через относительное позиционирование, где-то экстраразметкой, где-то псевдоэлементами. Мне вот любопытно как бы вы эту …

    Asked by Svatov, March 28, 2012

    0 votes
    13 answers
12. Верстка иллюстраций с подписями.

    Доброй ночи. Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций. Помогите пожалуйста. Допустим есть блок с картинкою <div class="illustration"> <img src="imge.jpg" alt="imge" width="640" height="480"> <span>подпись</span> </div> Как задать ширину блока illustration такую же, как ширина картинки? Ответ - записать: width="640" не годится Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент? Любые ссылки приветствуются.

    Asked by stupidtrue, August 16, 2012

    0 votes
    13 answers
13. Значение размера шрифта

    Столкнулся я с такой проблемой. Дизайнер дал на верстку макет, шрифты в котором указаны в пунктах: На моё требование перевести в пиксели ответил, что я дилетант и он сделал всё правильно. У него, видимо, как графического дизайнера, - шрифт в фотошопе установлен в пунктах и имеет размер одного из текстов 8пт. У меня шрифты в пикселях, и этот же шрифт показывает 33,33 пикс: Меня обвиняют, что я не особо компетентен, если не могу перевести пункты в пиксели сам. Но если 8пт - это 11px (согласно формуле для Windows 8пт * (96/72) = 11px), то шрифт получается мельче гораздо. Впрочем, font-size:8pt - тем более. Гуру css, скажите, прав ли дизайнер? Он утверждает, что он не обяза…

    Asked by olf, May 25, 2013

    • font-size
    0 votes
    8 answers
14. Позиционирование маркера списка

    Привет! подскажите плз, есть код: http://jsfiddle.net/Pen7d/ проблема такая, ставлю свои маркеры, они вылазят за бордер, двигаю маргином, не помогает. Собственно вопрос как придвинуть маркер к тексту? Спс.

    Asked by comSaaxov, August 3, 2014

    0 votes
    6 answers
15. Подскажите, как исправить меню

    Здравствуйте, не могу понять, как исправить вертикальное раскрывающееся css-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…

    Asked by Codename, October 23, 2015

    0 votes
    14 answers
16. Как пройти Pagespeed от гугла?

    Доброй ночи. Народ. Не подскажите как пройти спидтест для десктопа в гугле? (впервые прохожу ) Есть такая страница например: http://webmaster.ayrveda.ru/se_plus/index26083k.html И результат по ней вот такой выдается: https://yadi.sk/i/fdwugjQ5rQq9A как уже только не оптимизировал те 2 картинки - спидтесту этому они все равно не нравятся ) + не понятно что надо сделать со стилями и джаваскриптом.. ) Так же хотел бы поинтересоваться наиболее простым методом сжатия в GZIP (может кто то толковую статью скинет на эту тему..) P.S. Буду благодарен за помощь..

    Asked by Yamaradg, April 30, 2016

    • pagespeed
    0 votes
    12 answers
17. Стримы HTML и CSS

    Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом.

    Asked by Magic_Rabbit, July 1, 2018

    • для новичков
    • html
    • css
    • видео
    • обучение
    1 vote
    3 answers
18. парметр hidden в FF

    Здрвствуйте! подскажите пожалуйста, есть форма с не видимыми полями, использовала <input type="hidden" в IE все нормально, в опере тоже, а вот Firefox не понимает этот самый "hidden" вот так: http://autoeuro.ru/equipment/eq.html Заранее спасибо за помощь

    Asked by wetta, January 21, 2010

    0 votes
    11 answers
19. Сделать Блок Див Взятый В Рамку Ссылкой

    Подскажите, как такое сделать блок див взятый в рамку сделать ссылкой при наведении мышкой. Чтоб именно когда наводишь на фон и на текст в этом блоке диве и текст и фон ссылались на что-то одно.

    Asked by people2010, September 12, 2010

    0 votes
    4 answers
20. Не работает 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
21. Выравнивание в TD

    Привет всем Вопрос в следующем, есть конструкция типа такой <td style='text-align: center;'> <a></a> <span>ttt</span> </td> так вот, хочется чтоб ссылка выравнивалась по центру, а спан по правому краю. Можно как-нибудь это сделать? Спасибо

    Asked by maximspb, September 20, 2010

    0 votes
    9 answers
22. Прозрачность в IE 6

    Делаю кастомный селект. Для этого указываю для селекта -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); Вроде как этого должно быть достаточно для всех браузеров. А вот для ИЕ6 почему-то недостаточно — в нём как всё как было так и осталось. Что я делаю не так?

    Asked by Veseloff, September 28, 2010

    0 votes
    15 answers
23. Помогите разобратся в FLV ! ( ОЧЕНЬ ПРОШУ )

    Вот в чем проблемма, значит захотел я на сайт поставить flv видео, скачал flv плеер, закачал на сайт, начинаю размещать на сайте вот таким вот кодом: <center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" src="http://сайт/video/flvplayer.swf" type="application/x-shockwave-flash" flashvars="file=http://сайт/video/video.flv" width="500" height="400" bgcolor="#FFFFFF" /></center> Видео работает, НО проблемма в том, что видео показывается только в маленьком окошке а не в том расширении что я назначил. Вот фото как показывается видео: Помогите сделать, чтобы видео показывалось в том, расширении что я ему назначил.

    Asked by Dmitri, November 12, 2007

    0 votes
    2 answers
24. ширина и "блоки"

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

    Asked by maza, January 25, 2008

    0 votes
    4 answers
25. submit не работает

    Вот есть кусок кода. <form action='price.php' method=post> <td align=center width=100> <input type=text name=count value=1 maxlength=4 style='width:21px;'> </td> <td align=center width=58> <table id=add width=25 height=25 style='cursor:pointer;' onclick='this.form.submit()'; onmouseover=this.id='add1'; onmouseout=this.id='add';><tr><td></td></tr></table> </td> </form> При нажатии ничего не работает,в чем причина.

    Asked by user, April 22, 2008

    0 votes
    6 answers