HTML Coding

29542 questions in this forum

1. Проблема С Рамкой Ссылки

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

   Asked by Snoozi, September 9, 2010

   0 votes
   9 answers
2. Заданы границы ячеек для одной таблицы, но они присутствуют на всех таблицах.

   Сайт сделан табличной версткой. В одной из ячеек присутствуют 2 таблицы (друг за другом). Второй таблице присвоен класс <table class="znachki"> CSS выглядит так: .znachki { width: 100%; /* Ширина таблицы */ height: auto; /* Высота таблицы */ text-align:center; } TD, TH.znachki { border-collapse: collapse; /* Убираем двойные границы между ячейками */ border: 1px solid #CCCCCC; /* Параметры границы ячеек*/ } ВОПРОС: почему класс znachki применяется ко всем таблицам? /*удалим отступы и маркеры в ненумерованном списке, зададим ширину пунктов меню */ ul { margin: 0; padding: 0; list-style: none; list-style-position: inside; widt…

   Asked by Mintaya, November 12, 2010

   0 votes
   4 answers
3. Резиновыйы шаблон

   Прочитал на сайте htmlbook.ru про вёрстку слоями.Понял ,что лучше сделать резиновый шаблон. Скажите правильно я понял,что при резиновом шаблоне ширину блоков,отступы по горизн. надо указывать в процентах? Если ,то возникает такая проблема,при сжимании окна блоки уменьшаются по ширине и по отступам.Можно решить эту проблему написав к документу в целом min-width:1024px; или её можно решить более рациональным способом? Заранее всем спасибо.

   Asked by new01, March 18, 2011

   0 votes
   12 answers
4. Отдельный css для каждого li

   Есть вот такое меню <div class="menu"> <ul id="level"> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> </ul> </div> Использую border-radius и box-shadow для пунктов. Каждый пункт - отдельный овал с тенью. Названия пунктов разные по длине, соответственно овалы получаются разные. А вот для ie как всегда отдельный сss. Другие элементы я просто картинками сделал вместо css3, а вот как с разными по длине пунк…

   Asked by qazibum, April 25, 2011

   0 votes
   6 answers
5. css блок с теню

   Здраствуйте! Здесь http://www.yootheme.com/demo/joomla/enterprise для создания тени исползуетса картинка. Но теневые картинки там странные и я так не смог понять как они так окуратно всё зделали. Кто может мне обяснить?

   Asked by Viitolinsh, May 21, 2011

   0 votes
   6 answers
6. Логотип не стоит на месте

   Обычная страница. Background и div белого цвета, куда заключен текст. Div с текстом в обрамлении двух девчонок png с прозрачностью, а так же логотип сверху. Все эти элементы дочерние для div. У div position relative, у остальных - absolute. Но при отдалении девчонки остаются на месте, а логотип съезжает вправо. У всех дочерних элементов абсолютно одинаковые стили, разница только в координатах. Тем не менее проблемы именно с логотипом. Скрины прилагаю. Нормально При отдалении

   Asked by Sperc, July 18, 2014

   0 votes
   17 answers
7. Как это сверстать?

   Всем привет! Как сверстать такую секцию(см. изображение)? Сверстать нужно так, чтобы при скроллинге (используя, например waypoints) постепенно грани заливались красным цветом от step1 до step4 (анимация). Появилась одна идея, создать многоугольник из линий в svg. Другой идеи в голову не пришло. Но такое искусство не масштабируется при адаптации. Как анимировать пока даже и не думал. Это учебный макет и экспериментальный макет.

   Asked by Schamil74, May 6, 2017

   • svg,hexagon
   0 votes
   5 answers
8. Как сделать подсвечивания поля с ошибками, bootstrap?

   Я использовала старую версию bootstrap 3.3.5 сейчас я подключила Bootstrap v4.3.1. и вот этот код больше не работает. errorPlacement: function ( error, element ) { error.addClass( "help-warrior" ); if ( element.prop( "type" ) === "checkbox" ) { error.insertAfter( element.parent( "label" ) ); } else { error.insertAfter( element ); } }, highlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" ); $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" ); }, unhighlight: function…

   Asked by Katerina23, February 11, 2020

   0 votes
   7 answers
9. Текст уезжает под DIV (Firefox)

   Во всех брузерах, нормально работает, a в FF текст уезжает под div с картинкой HTML <div class="slayserImg"><img src="/images/image.jpg"/></div> <p>Куча текста</p> CSS .slayserImg {float:left; padding: 5px; border: 1px solid #999; margin: 0 15px 0 0; zoom: 1;} .slayserImg IMG { width: 130px;}

   Asked by Панч, December 30, 2008

   0 votes
   1 answer
10. Резиновая разметка в 2е колонки

    есть следующая разметка : <div id="outer"> <div id="upbg"></div> <div id="inner"> <div id="header"></div> <div id="splash"></div> <div id="menu"></div> <div id="primarycontent"></div> <div id="secondarycontent"></div> Так вот основной интерес представляют primarycontent и secondarycontent , нужно сделать чтобы secondarycontent был 240px , а primary занимал всю оставшуюся ширину экрана слева. Вот текущий код css, в настоящее время проблема в том что div primarycontent занимает не всю свободную область, а только небольшую часть в зависимости от внутреннего содержания. То есть ш…

    Asked by andkorz, January 1, 2009

    0 votes
    4 answers
11. Картинка и градиент в одной ячейке

    С Наступившим всех Новым Годом! У меня такой вопрос, есть ячейка таблицы, я хочу фоном сделать картинку и прижать её к верхнему краю, но есть ещё градиент это продолжение в низ этой картинки, как в одной ячейке это все проделать? В ячейке ещё текст

    Asked by okunev2, January 6, 2009

    0 votes
    2 answers
12. Кнопка для печати

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

    Asked by LianaK, January 18, 2010

    0 votes
    5 answers
13. Сайт На Дивах

    Вот решил попробовать создать меню на дивах,страно, но чего-то не выходит, хотя читал что нужно использовать float:left и float:right для навигации с правой и левой стороны, у меня что-то вообще не то получилось. Подскажите пожалуйста, как его исправить. http://www.sharemania.ru/0178464

    Asked by people2010, September 8, 2010

    0 votes
    11 answers
14. Помогите выудить FireBug-ом элементы списка.

    Здравствуйте специалисты по CSS. Помогите пожалуйста выудить Firebug-ом один элемент. Вот сайт http://nablago.com.ua/ там меню сбоку раскрывается/открывается Хочу сделать чтобы родительский уровень (1) был одним цветом, а те которые выпадают (2) другим? Что-то тыкаю FireBug-ом никак не могу его подловить.

    Asked by VasyOK{!}, September 26, 2010

    0 votes
    10 answers
15. Зависание эксплорера при загрузке сайта

    Всем добрый день. Делаю сейчас сайт http://demo.arammu.ru/ вернее не одна я, а ещё прогер. Возникла такая проблема: при открытии этого сайта у меня начинает виснуть эксплорер всех версий (установлен на компе 7 + пользуюсь ietester'ом). Так же просила посмотреть нескольких знакомых, у них тоже самое, только у одного нормально работает. Пробовала отключать скрипты, всё равно виснет... Надо срочно в html исправить все баги в эксплорере а из-за этой ерунды не получается. Может кто подскажет в чём может быть причина или знает отладчик какой которым можно проверить? Заранее спасибо.

    Asked by meta, July 8, 2011

    0 votes
    5 answers
16. проблема IE и white-space:nowrap

    изначально нужно было вывести отзывы пользователей в бегущую строку, проблема возникла на этапе самого вывода, было перепробовано множество вариантов, и с использованием <nobr>, и с white-space:nowrap и display:inline-block; все свелось к тому, что все браузеры отображают отзывы как нужно в одну строку, а IE упорно выводит каждый новый комментарий в новой строке(посмотреть можно тут) сейчас вывод строки выглядит следующим образом <marquee style="white-space:nowrap; display:inline-block; *display:inline; width:100%; padding:4px; border:1px solid #f2f2f2; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; " onmouseout="this.start();" onmouseo…

    Asked by eltoro, November 25, 2011

    0 votes
    4 answers
17. Построчный overflow

    Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> &lt…

    Asked by MiReQ, May 13, 2012

    0 votes
    3 answers
18. Как узнать что на сайт зашли с внешнего ресурса?

    Как узнать что юзер зашёл на сайт не из внутренних страниц сайты, а с другого адреса? Это точно с использованием пхп, но как? Как бы редиректить на определённую страницу людей зашедших с внешнего ресурса.

    Asked by Alarr, August 26, 2015

    0 votes
    13 answers
19. С помощью Flex строки меню вместе. Что не так?

    Здравствуйте. Верстаю макет, но чтото не так. Подобные верстал раньше, все было хорошо, даже сверяю, все чуть ли не под копирку написал. Но в Этом коде почему-то строки в меню слиплись и не могу их раскинуть. на рисунке как должно быть, и как выходит. Что не так делаю? Html: <div class="container"> <header class="header"> <div class="header-item"> <a href="#"><h1 class="logo">Bouncy</h1></a> <nav class="navbar"> <ul class="menu"> <li><a href="#">Hello</a> </li> <li><a href="#">About</a> </li> …

    Asked by FotGOD, May 6, 2020

    • html css
    0 votes
    1 answer
20. Помогите!

    У меня к вам такой вопрос: Стоит ли делать сайт на одну из этих тем, будут ли они иметь популярность и т.д.! Вот темы: Все о игре HItman! Все о игре Splinter Cell Все о программах, описание, ссылки! Все о интернете! Все о компьютерах! Все о играх! Защита от хакеров! Если да то подскажите на какую! Заранее спасибо!

    Asked by vvsh, February 9, 2008

    0 votes
    5 answers
21. форматирование сылки

    народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине backgraund-image'a, последний имеет заведомо бОльший размер чем, самая большая ссылка. Размер имейджа мы знаем (допустим 220px*60px). Вот класс для ссылки: a.manufacturer { background-image: url(src/button.gif); width: 220px; height: 60px text-align: center; vertical-align: middle; } a.manufacturer:hover { background-image: url(src/button+.gif); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…

    Asked by red_88, March 4, 2009

    0 votes
    7 answers
22. косяк с бордером (border) в ie 6

    Всем привет! Мучаюсь с одной маленькой проблемой. во всех браузерах нормально отображается, кроме ie 6 (в более старших версиях все ок) вот скрин как в ие6: вот как в других браузерах: черный фон сделал специально чтобы отчетливо был виден косяк. код html <div class="browseproductcontainer"> <div class="browseimagecontainer"> <img src="http://сайт.ru/2_160x160.jpg height="160" width="160" class="browseProductImage" align="left" title="Костюм Вираж" alt="Костюм Вираж" border="0" /> </div> <div class="browseproductdetailscontainer"> <div class="browseskucontainer">КОС108</div> <h2> <a style="font-size:16p…

    Asked by mustang, October 31, 2009

    0 votes
    3 answers
23. UTF-8 проблемы

    Здраствуйте. Помогите пожалуйста,на странице стоит кодировка UTF-8 как обычно,но на виртуальном хостинге не работают. <?xml version='1.0' encoding='utf-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang="ru"> <head> <title>LiFe ServeR</title> <script type='text/javascript' src='Template/e1070000.js'></script> <script type='text/javascript' src='Template/sleight_.js'></script> <link rel='stylesheet' href='Template/style000.css' type='text/css' media='all' /> <link rel='stylesheet' href='Template/e1070…

    Asked by unsektor, November 3, 2009

    0 votes
    3 answers
24. сохранение формы в MySQL

    Здравствуйте! у меня вопрос следующего характера: Создал две странички по паспортным данным ПК. Однако данные набранные в этих формах получается надо будет сохранять в отдельные таблицу в MySQL. Вопрос: Можно ли сделать так чтобы данные с этих двух страничек сохранялись в одну таблицу в MySQL-е.

    Asked by tlek, December 14, 2009

    0 votes
    6 answers
25. Проблема с таблицей в IE

    Вот в чём суть. Есть таблица из 5-ти колонок. 1-я, 3-я и 5-я имеют неизменяемую ширину и фоном у них целые изображения, а вот 2-я и 4-я - увеличиваются по мере увеличения разрешения экрана и фоном у них узкая вертикальная полоса, повторяющаяся по Х. В firefox работает всё правильно, а вот в IE 2-я и 4-я колонки так и остаются пустыми. В чём проблема? Как решить? p.s. и ещё, когда ставлю отображение рамок в таблице, то и в ИЕ правильно работает

    Asked by Flex, January 24, 2010

    0 votes
    7 answers