HTML Coding

29542 questions in this forum

1. Заменяющиеся картинки

   Хочу сделать такую хрень: есть меню, берём в пример раздел "Новости", там картинка "Новости".png Как прописать в ЦСС так, чтобы при наведение на эту картинку появлялась другая? Знаю, a:link, a:visited { background-image: url('image1.gif'); } a:active, a:hover { background-image: url('image2.gif'); } только как это "умно" применить? Например: <div id="news"><a href="index.php?case=news"><img src="i/news.png" /></a></div> к нему цсс: #news { a:link, a:visited { background-image: url('news1.png'); } a:active, a:hover { background-image: url('news2.png'); } } Так у меня ЕСТЕССТВЕННО не пашет)) Объясните дураку как надо))

   Asked by W. Watson, October 31, 2008

   0 votes
   12 answers
2. Как указать высоту и ширину для тега <a> в FireFox2 и Opera9 ?

   Как указать высоту и ширину для тега в FireFox2 и Opera9 ? В IE вс? отображается корректно. <a class="obj" href="http://localhost"> localhost </a> a.obj { height:40px; width:200px; background-color:#333333; }

   Asked by happyproff, March 29, 2008

   0 votes
   11 answers
3. С виду - ссылка, но суть - инпут кнопка

   Здравствуйте всем! Кто подскажет как изобразить такой финт: В коде должна быть кнопка формы. <form> <input type="submit"> </form> Но ее не должно быть видно, а вместо нее визуально должна стоять текстовая (не img) ссылка. <a href="#">Удалить</a> При клике по этой ссылке должна срабатывать именно кнопка. Пробовал делать кнопку невидимой, ... пробовал накладывать поверх нее слой со ссылкой ... - не проходит.

   Asked by mamadu, July 30, 2008

   0 votes
   5 answers
4. тег <br> дает большой пробел

   Всем привет. У меня проблема: есть список с пунктами 1,2,3.... естесственно каждый пункт с новой строки. При использовании тега <br> появляется большой пробел в тех пунктах, которые не входят по ширине блока, т.е. входят но на 2-3 строчки. как от этого пробела избавиться??? Спасибо!!!

   Asked by Vicoff, December 7, 2009

   0 votes
   5 answers
5. Выравнивание элементов

   Не получается разобраться, как работает свойство vertical-align. В таблицах работает, а для строчных элементов почему-то нет. Пытаюсь сделать вертикальное выравнивание, но текст не сдвигается <div style="height: 200px"><span style="vertical-align: middle">Текст</span></div> Как правильно устанавливать это свойство?

   Asked by AlexProf, August 3, 2017

   • выравнивание
   0 votes
   15 answers
6. DIV: как избавиться от переноса?

   При изменении размера окна div, у которых float:left, переносятся вниз под соседний слева. То есть: пользователь уменьшил чуть-чуть окошко, а у него меню и текст спрыгнули куда-то под логотип. Как этого избежать? Пример проблемы тут: http://stam-festival.ru

   Asked by techna, November 16, 2007

   0 votes
   7 answers
7. Не подлючается .css через <link>

   НЕ могу подключить файл .css к другим разделам, только к главному, я вс? правильно пишу Я взял и просто скопировал идентично содержимое index.htm где .css отлично подключился и работает, но с с тем же файлом с другим названием не работает как такое может быть и почему?

   Asked by Accessdenied, February 18, 2008

   0 votes
   10 answers
8. Проблема с банерами

   Народ помогите разобраться в чем проблема при размешение банера справа пропадает банер слева. сайт на Joomla 1,5

   Asked by ssnkvd, August 2, 2010

   0 votes
   7 answers
9. Как втулить два relative div-а в один родительский?

   Итак, дано: <div id="content"> - position:relative; <div id="main"></div> - position:relative; margin-right:250px; <div id="sidebar"></div> - width:250px; position - ? </div> Есть родительский div - content. position:relative. В нем два других - main и sidebar. Main - слева. Sidebar (250px) - должен быть - справа. Main - position:relative, правый margin - 250px - по ширине sidebar-а. Если прописываю sidebar-у float:right - он остается справа, но уезжает вниз. Если делаю sidebar тоже relative, то он уезжает вообще под main, даже если ставлю top:0; right:0; И только если sidebar position:absolute - всё норм. Но тогда он кладет на прави…

   Asked by nikudza, May 22, 2011

   0 votes
   8 answers
10. Слайдер с миниатюрами вместо стрелок

    Здравствуйте. Ребята, нужна ваша помощь. Согласно дизайна в слайдере вместо стрелок "prev" и "next" должны отображаться миниатюры предыдущего и следующего слайда. Подскажите, пожалуйста, в какую сторону смотреть или хотя бы как правильно загуглить. У меня идей нет вообще.

    Asked by Crystal-3, October 21, 2017

    0 votes
    6 answers
11. Перенос на новую строку, аналог <li>

    Подскажите пожалуйста, как реализовать следующее: [дата] [текст], но текст может быть длинным и когда происходит перенос, на новой строке текст начинается не с начала, а с отступа, равным длине [дата], т.е. аналог [*], только вместо буллита дата. Спасибо [upd] Даже не аналог [*], а аналог , только без переноса.

    Asked by rolph, July 29, 2008

    0 votes
    5 answers
12. Проблема с выпадающим меню на css

    Сделал выпадающую менюшку на чистом css, да вот не задача: работает всё это как-то кривовато, можно посмотреть тут http://cloverdesign.ru/wordpress/ (чёрная стрелочка рядом с синей штуковиной). Спокойно можно поднести мышку и нажать на стрелочку, если использовать :active вместо :hover, но тогда выпадающая менюшка видна только во время клика. Подскажите, пожалуйста, как можно сделать так, чтобы и поднести можно было курсор спокойно и, чтобы менюшка всегда после клика отображалась пока ещё куда-нибудь не тыкну?

    Asked by Pasha, November 4, 2012

    0 votes
    14 answers
13. Проблема с меню

    Меню сделано на основе картинок, все браузеры кроме IE6 реагирует нормально на вариант вертикального меню этим способом При наведение на меню оно начинает убегать вверх из-за #second .s-menu a:hover { background-position: right 0 !important; } без него все нормально, но не работает как надо css #second .s-menu { background:#9f1e26; padding:30px 0 20px 30px; } #second .s-menu a { display:block; margin:0 0 18px 0; } #second .s-menu a#s_7 { background:url(/i/s_m_rest.gif) no-repeat; width:116px; margin-bottom:18px; height: 11px; } #second .s-menu a#s_804 { width:31px; margin:0 0 10px 0; background:url(/i/s_van.gif) no-repeat; height: 9px; } #second .s-menu a#s…

    Asked by Mary_RND, May 13, 2008

    0 votes
    8 answers
14. Css меню

    Здравствуйте, никак не получается выровнять список по центру страницы, только начала учится css Вот код <style type="text/css"> ul.menu { width:auto; position:relative; display:block; height:33px; font-size: 95% center; background:url(bg.png) repeat-x top center; font-family: Arial,sans-serif; border:5px solid #464451; margin:0; padding:0; } ul.menu li { display:block; float:left; margin:0; padding:0; } ul.menu li a { float:left; color:#A79787; text-decoration:none; height:24px; padding:9px 15px 0; font-weight:100%; } ul.menu li a:hover,.current { color:#fff; background:url(bg.png) repeat-x top left; text-decoration:none; } ul.menu .current a { color:#fff…

    Asked by Ангел_А, June 8, 2009

    0 votes
    5 answers
15. Рамка для DIV

    Существует такая структура <div> <h1></h1> <div></div> </div> возможно ли сделать рамку из картинок в родительском DIV, т.е. только стилями, элементов больше нет?

    Asked by Gold Dragon, August 19, 2009

    0 votes
    14 answers
16. Размер картинки по размеру ячейки

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

    Asked by Oranskaya_Olga, March 1, 2012

    0 votes
    1 answer
17. Проблема С Цветом Текста

    Здравствуйте. Подскажите, почему цвет текста не меняется на указанный в стилях,а остается я предполагаю по умолчанию(черным), firebug не показывает вообще ни какого цвета . Это мой код: .container2 { position:relative; text-align:left; width:944px; z-index:10; сolor:#104e8b;} , а это код firebug container2 { position:relative; text-align:left; width:944px; z-index:10; } div.htm (строка 78) Унаследовано отdiv.container .container { font:14px Calibri,Arial,sans-serif; text-align:left; }

    Asked by pattaya, September 6, 2010

    0 votes
    19 answers
18. Эффект перекатывания картинки

    Помогите пожалуйста правильно изменить код CSS. Имеется вот такой код <style type="text/css"> .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; color: inherit; vertical-align: top; width: 100px; height: 75px; margin: 2px; padding: 2px; border-color: #ccc; border-style: solid; border-width: 2px; } .hoverbox li { color: inherit; display: inline; float: left; position: relative; } .hoverbox .preview { border-color: #000; width: 20…

    Asked by _Ирина_, March 6, 2008

    0 votes
    8 answers
19. Шаблон HTML для всех страниц сайта

    Предположим у меня есть главная страница с макетом сайта. Там есть объекты которые должны быть на каждой странице. (ну шапка, футер, особые блоки.) Как можно не копируя автоматически их вставлять? Желательно объясните подробнее, пожалуйста

    Asked by den-mer, February 27, 2011

    0 votes
    12 answers
20. Вопрос от начинающего по CSS и HTML

    CSS не хочет добавлять просто заливку фона в один цвет ( для проверки подключения), НО цвет текста меняет. В интернете пытался найти проблему, писал в css по разному команды и ничего не выходит. Заранее спасибо

    Asked by lokelvor, November 3, 2022

    0 votes
    3 answers
21. проблема с фоном

    Как сделать плавно переходящий фон из одного цвета к другому. здесь не прокатит. Нужно чтобы шон растягивался на всю высоту страницы. С помощью Javascript тоже сомневаюсь,т.к. это будет скорее слой на фон всей страницы, а мне нужна только та часть, которая находится вне страницы,т.е. при высоком разрешении экрана! Заранее благодарен!

    Asked by FLYERok, October 21, 2007

    0 votes
    7 answers
22. двухэтажная картинка

    Часто встречаю картинки состоящие как бы из 2 объединенных, применяются они вместо варианта смены картинки при наведении мышкой, чтобы не было тормозов при подгрузке. Эта картинка загружается сразу. Вот пример Как её применить? В классе прописано что-то вроде background:transparent url(/111.gif) no-repeat scroll center top; и размер в высоту в 2 раза меньше, но не работает.

    Asked by maxs, November 1, 2008

    0 votes
    10 answers
23. Меню

    Привет! Не кто не знает как сделать вертикальное выпадающее меню с помощью CSS? Заранее благодарен.

    Asked by Pavel_html, February 22, 2008

    0 votes
    6 answers
24. Как создать таблицу СВЯЗАННЫХ стилей?

    Как создать таблицу СВЯЗАННЫХ стилей?:|

    Asked by Sheena, April 19, 2008

    0 votes
    14 answers
25. Много псевдоэлементов в одном селекторе

    Как применить к этому селектору .q1 li:first-child .q2 li:hover Ещё один псевдоэлемент :not(.q77 li)? Если писать .q1 li:first-child .q2 li:hover:not(.q77 li) То этот селектор вообще перестаёт работать

    Asked by aqua.77, November 23, 2016

    0 votes
    21 answers