HTML Coding

29,542 questions in this forum

1. Установка Opera developer tools

   Вопрос немного нетривиальный и возможно слишкой странный ))) немного полазив по http://dev.opera.com/articles/view/opera-developer-tools/ и почитав инструкции по установки вошел в конфуз, выйти пока не могу!!! говорится перетащите developer tool button в верхнюю часть оперы, ВРОТМНЕНОГИ, где эта кнопка? у меня последняя 10 опера

   Asked by TonKhaO, October 21, 2009

   0 votes
   8 answers
2. перекрытие div'ов - первый сделать выше всех (кроме z-index)

   в общем проблема: есть 2 div - сначала один, потом второй, в коде с одинаковыми параметрами стиля: <div style="text-align:center;font-size:16pt;padding:10px 50px;z-index:2222212489;position:fixed;left:0pt;top:0pt;background:#ffffff;text-decoration:none;width:999px;height:999px;">что-то</div> так вот, какой бы z-index у первого ни делал, второй всегда перекрывает первый. задача - как еще можно сделать (кроме z-index), чтобы первый всегда был сверху (читай - виден) независимо от параметров второго зы: important не могу вставлять.

   Asked by crunchar, October 21, 2009

   0 votes
   7 answers
3. Ломается див, если убрать border: 1px;

   В общем прошу прощения - но примера привести конкретного не могу( Несколько раз в процессе верстке встречал (у Оперы и 1 раз у ИЕ), что при каких-то обстоятельствах, если убрать бордер у блока - то он теряет свое текущее местоположение (например может опуститься вниз на 20 пикселей) или т.п., может внутри него контент сдвинуться тоже непонятным образом( Может кто-то знает такой баг и почему так происходит?

   Asked by Razor, October 21, 2009

   0 votes
   5 answers
4. H1 и Span

   Здравствуйте. Для своего сайта я использую в новостном блоке для названия новости h1 заголовок и пере ним спан, но имея поверхностную информацию о SEO не знаю, правильно ли это. <h1 class="title><span>12.03.12.</span>Название новости</h1> для title прописаны в основном свойства шрифта и бекграунд, а для span цвет. Новостной блок по схожести как на http://tes.ag.ru/

   Asked by Sayitright, October 21, 2009

   0 votes
   16 answers
5. Как запретить перенос текста в определенном фрагменте?

   Есть некоторый текст. Например: Задача запретить перенос строки в фрагменте: [-1 P. Sem.] Т.е. можно чтобы текст переносился вот так: или так: А так нельзя: и так нельзя: Возможно ли как то это сделать? Есть ли какие то специальные теги в хтмл, запрещающие перенос строки в обрамленном фрагменте текста?

   Asked by Semreg, October 21, 2009

   0 votes
   43 answers
6. Не меняет цвет ссылки в ul li при hover

   Добрый день. Буду благодарен за помощь. Есть горизонтальное выпадающее меню: ... <ul id="nav" class="dropdown "> <li class="dir">Каталог <ul> <li><a href="#">Буры</a></li> <li><a href="#">Шнеки</a></li> <li>Буровая техника</li> <li><a href="#">Комплектующие</a></li> <li><a href="#">Отзывы о продукции</a></li> </ul> </li> ... Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый ) ul.dropdown a:link { color: #e5cfa1; } ul.dropdown a:hover { color: #3321…

   Asked by gikach, October 20, 2009

   0 votes
   12 answers
7. Проблемка с меню

   Доброго время суток всем! Прошу помочь с простым но хитрым меню! Проблема в том что один блок использует кусок другого, соседнего! Как это можно записать в цсс?! Наперед всем спс за помощь!

   Asked by Spidey, October 20, 2009

   0 votes
   6 answers
8. Центрирование на экране фиксированного элемента

   Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;

   Asked by MageMerlin, October 20, 2009

   0 votes
   13 answers
9. Статистические страницы

   Доброго времени суток гуру форума ))) У меня такая проблема, З.Ы (пишу своими словами, тапками не кидать) Ну вот у меня есть сайт с 1 меню Главная и ссылкой на него glavnaya.html как мне сделать еще 1 меню контакте со ссылкой kontakt.html не копировая glavnaya.html тоесть если ети 2 странички будут то их легко переименовать и редактировать а если таких будет 100 тогда как поступить помогите с решением проблемы ! (извеняюся за непонятность) Заранее спасибо )

   Asked by yaroslav, October 20, 2009

   0 votes
   4 answers
10. Старый больной Ослик

    Друзья спасите!!! Понимаю, что надо отказаться от поддержки IE6, но вся работа по кроссбраузерности позади...осталась одна странная засада: в текст в тегах абзаца вставлены обтекаемые текстом картинки, которые в Ослике (!!!) ОСТАЮТСЯ ПОД ФОНОМ. Т.е. весь текст виден, места под картинки предопределены, а сами изображения видно секундочку только при перезагрузке страницы...потом их накрывает фон. Бред. Причем ВСЕ остальные браузеры отображают страницу нормально. Гуглил, но результатов 0. Вдруг у кого такое было... Кстати сказать, если изображения вывести из тега абзаца, то они появляются.

    Asked by carakurt, October 20, 2009

    0 votes
    2 answers
11. Вертикальная тонкая полоска

    на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?

    Asked by Melted, October 20, 2009

    0 votes
    6 answers
12. Ширина макета 1600px высота 1300px как сделать?

    По идее макет должен быть резиновым. Вся загвоздка в том что background в виде одного jpg изображения 1600X1300 px. Браузер не должен его обрезать или выдавать горизонтальную полосу прокрутки. Люди добрые подскажите как его сделать??????????????????

    Asked by taran, October 20, 2009

    0 votes
    3 answers
13. как дасть разным классам одни свойства

    вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…

    Asked by Kos87, October 20, 2009

    0 votes
    10 answers
14. Как сделать два рисунка для фона?

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

    Asked by vestern, October 20, 2009

    0 votes
    4 answers
15. Как взять нужные стили для блока?

    Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?

    Asked by milax, October 20, 2009

    0 votes
    10 answers
16. Перекрытие границ?

    Народ взгляните на 2 скрина, в обоих видно то что отображается дебаггере (см.справа снизу), смысл в том что ИЕ почему то 2 раза (судя по показаниям дебаггера) прописывает нижний марджин, это происходит из за перекрытия границ или это какая то специфическая модель поведения ИЕ?

    Asked by TonKhaO, October 20, 2009

    0 votes
    12 answers
17. Фоновый рисунок во весь экран

    Подскажите пожалуйста как сделать фиксированный фоновый рисунок для body и чтобы рисунок отображался полность(Width:2000px; height:2000px например), был зафиксированным и менял свои размеры в зависимости от расширения экрана, но картинка отображалась полностью, например как здесь http://dakota.kiev.ua/articles/contacts.html Это возможно только с помощью css ? Спасибо

    Asked by AntonSolo, October 20, 2009

    0 votes
    46 answers
18. Как убрать отступы внутри <form>

    Здравствуйте, подскажите кк убрать отступы внутри <form> между элементами у меня прописан display:inline в опере и файрфоксе всё нормально, а в IE отступы вертикальные не могу убрать .

    Asked by Dimas888, October 20, 2009

    0 votes
    1 answer
19. Как выравнить счечики посещений

    Здравствуйте, у мня вопрос: Как выровнить счетчики посещений как на картинке(нижний вариант)? Нужно ли их заключать в один контейнер или в два как на картинке, чтобы в конечном итоге они шли попорядку в строчку слева - направо??? Спасибо.

    Asked by marcool, October 20, 2009

    0 votes
    7 answers
20. border groove и border ridge в IE

    Приветствую вас! Есть задача - сделать двойную рамку, причем цвет внешней линии должен быть - черный, а "дублирующей" внутренней линии - серый. Соответственно реализовано это с помощью border groove и border ridge, а именно: div { border-top:2px groove rgb(0, 0, 0); border-right:2px ridge rgb(0, 0, 0); border-bottom:2px ridge rgb(0, 0, 0); border-left:2px groove rgb(0, 0, 0); } Во всех браузерах эта конструкция отображается как требуется, КРОМЕ IE5/IE6/IE7, где видно только толстую жирную рамку, а не двойную - черно-серую!!! Подскажите, пожалуйста, что сделать, чтобы это правильно работало в IE? Заранее благодарен.

    Asked by ruff20, October 20, 2009

    0 votes
    21 answers
21. Css box

    Здравствуйте. Я пытался сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока (top.gif) 2 картинка за низ (bottom gif) 3 картинка за левую сторону (left.gif) 4 картинка за правую сторону (right.gif) 5 картинка за середину (center.gif) Создав своё творение с солидной пачкой divов, я понял что на него нельзя смотреть, да и разваливается в каждом браузере. Я достаточно погуглил закруглённые углы, но они держатся на заголовках и параграфах, а если у меня их будет много в этом боксе, то он и не получится...Решил поэтому создать тему. Текст, который я буду размещать, будет на "5 картинке за середину". Для этого я создал: #content { background:url(img/center…

    Asked by Faran, October 20, 2009

    0 votes
    10 answers
22. overflow: visible в IE

    Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)

    Asked by CoDy, October 19, 2009

    0 votes
    2 answers
23. Ширина абзаца в ячейке таблицы

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <style> .first {width: 44%; padding: 0 4% 0 6%;} .second {width: 42%; padding: 0 4% 0 0;} </style> … <table width="100%" border="0" cellpading="0" cellspacing="0"> <tr> <td class="first">Длинный текст</td> <td class="second">Текст</td> </tr> </table> IE8 отрисовывает текст первой ячейки за пределы онной. Как побороть, если паддинг нужен?

    Asked by psworld, October 19, 2009

    0 votes
    2 answers
24. Выравнивание картинки и текста

    Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>

    Asked by SeZuka, October 19, 2009

    0 votes
    13 answers
25. Как сделать блок одним целым

    Парни подскажите как сделать следующию конструкцию одним монолитом! выводится картинка, а слева с ней надпись, которая выровнена по вертикали относительно картинки. Это получается один блок. и таких блоков может быть очень много. Один из блоков может дойти до конца строки, картинка останется на старой строке, а текст переносится на новую. Как сделать, чтобы при достижении конца строки, если весь блок не входит, то целиком бы переносился на новую строку. Надеюсь, мне удалось объяснить <div class="pic"><img src="../pic.png" style="vertical-align:middle;"><a href="">Картинка</a></div> где .pic { display: inline; text-align: left; pad…

    Asked by Pacan4ik, October 19, 2009

    0 votes
    2 answers