HTML Coding

29542 questions in this forum

1. Схлопывание границ надо отменить

   Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…

   Asked by Yahoo!, January 13, 2010

   0 votes
   9 answers
2. HREF - сcылки но фоне png

   Здравствуйте друзья. Столкнулся с такой проблемой: в IE ссылки не активны если они находятся в ячейке с фоновым изображением PNG. В опере все работает. Что за своеобразный косяк?

   Asked by NikuZ, June 7, 2007

   0 votes
   4 answers
3. верстка divами в две колонки - проблема в IE

   Всем здравствуйте. У меня такая проблема: страница имеет двухколонный макет. Верстаю слоями. Примерно так: <div id="container"> <div id="left" style="float:left; width:30%"> TEXT </div> <div id="right"> <table> <tr> <td>TEXT</td> <td>TEXT</td> ... <td>TEXT</td> </tr> </table> </div> </div> Все хорошо, но количество столбцов в таблице во второй колонке неизвестно. Она строится динамически, и если их много и таблица не помещается, то в FF все хорошо - появляется горизонтальная прокрутка, а в IE весь правый блок сползает вниз под левый. Можно конечно сделать через абсолютное …

   Asked by natasha, December 15, 2008

   0 votes
   8 answers
4. Ucoz

   Скажите пожалуйста, возможно ли практиковаться и оттачивать навыки CSS и HTML на Ucoz.ru?

   Asked by sv12, March 16, 2010

   0 votes
   19 answers
5. Убрать синнюю рамку вокруг Картинки-гипперссылки

   Не могу убрать синюю рамку вокруг баннера

   Asked by sv12, March 24, 2010

   0 votes
   12 answers
6. расстояние между строками

   формирую страницу во фронтпейдже. печатаю текст, а между строками слишком большой расстояние. изменил стиль body на line-height: 100%. теперь расстояние между строками в пределах абзаца нужное, а между разными абзацами - по-прежнему большое. что делать? сделал границы margin-top: 0% нулевыми в стиле body - ноль результата. вот если задать границы в каждом абзаце, то линии выравниваются. но этого много лишних буков.

   Asked by Rilo, June 15, 2008

   0 votes
   7 answers
7. XML. Elelement.text почему то не работает в Firefox

   Оочень сильно удивился, когда firefox вместо содержимого элемента выдал undefined. Вроде бы и запрос то немудреный. Я бы даже сказал самый обычный. NodeList[0].childNodes[0].text либо же NodeList[0].childNodes.item(0).text одинаково реагирует undefined. IE и Opera отработали так как надо. Почему так? ЗЫ. При запросе атрибута элемента NodeList[0].attributes.getNamedItem('Name').value firefox отрабатывает.

   Asked by Eugen, July 15, 2009

   0 votes
   12 answers
8. Кроссбраузерный SVG

   Как макисмально кроссбраузерно подключить svg? Хаки, js, чит-коды, принимаются все решения) Только, очень прошу, с описанием для чего будет использован каждый хак. Большое спасибо заранее всем. Да, ссылки, статьи кидайте, буду благодарен) UPD: Ай да википедия))) Пишет поддержка такова Internet Explorer с 9 Opera с 8.0; включая 9.5 Mozilla Firefox с 1.5, включая 3.0, 4.0, 5.0, 6.0, 7.0 и текущую 10.0 Netscape Navigator 9.0 Safari 4.0 Google Chrome 3.0 Правда? Тогда вопрос такой. Подключение через — embed в object`e? А ссылку ставить на оба тега? Никого не затруднит пример написать? И ещё один, более важный, безусловно. Что сдел…

   Asked by alexandr_v-vich, April 27, 2012

   0 votes
   6 answers
9. Что значит "верстка слоями"?

   как понять? Верстка слоями. Что такое слой? Спасибо

   Asked by apika, May 10, 2008

   0 votes
   3 answers
10. Фон на height:100%

    Необходимо чтобы фон заголовка (а заголовок может быть разной высоты-2,3 строки текста), тянулся по высоте этого заголовка, тоесть высота изображения вмещалась в высоту контейнера заголовка. Пример: Необходимо это реализовать для IE6 без expression

    Asked by kozakmamai, August 28, 2009

    0 votes
    8 answers
11. Изменение расположения виджета ВК

    Подскажите пожалуйста как изменить расположение виджета ВК группы.

    Asked by РоманМ, March 15, 2016

    • виджет ВК
    0 votes
    8 answers
12. Передача фокуса родительскому окну

    window.opener.focus() - почему-то не работает (бывает возврат проскочит 1 раз из 10, а потом опять глухо!?...) Если в родительском окне задаю его имя window.name="rod", то из дочернего к нему не вернуться ("rod" - определение отсутствует)

    Asked by rootv, October 12, 2011

    0 votes
    8 answers
13. Где взять psd шаблоны для портфолио верстальщика...

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

    Asked by Bassline, June 10, 2013

    • верстка макеты
    0 votes
    2 answers
14. фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне

    фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне. Верстаю макет 3х колоночного. Нужно что бу у футера был растягивающий фон. Я сделал так: <body> <div wraper> ... <div footer></div> </div> <div footerstyle></div> То-есть под основным телом страницы создал дополнительный слой, в css написал: #footer { height: 100%; width:100%; background: #326ca6; } #footerstyle { background: #326ca6; width:100%; height: 100px; position: relative; margin-top: -100px; } ps. Для css footer высота изначально 100px В итоге фон залазеет куда надо, но конечно поверх контента футера)Конечно можно установить разные z индекс…

    Asked by z-0091, June 28, 2011

    0 votes
    3 answers
15. Скрипт Smartresponder только на главной странице?!

    Добрый всем день. Сделал сайт, сделал с помощью Smartresponder.ru скрипт для всплывающего окна с рассылкой. Все разместил все работает все супер. НО!!! Проблема в следующем не могу сделать так, что бы это всплывающее окно отображалось только на главной странице. Гуглил, читал пытался но ничего не помогло. Подскажите кто что знает, как люди выходят с такой ситуации???? Спасибо за любую помощь. Вот сайт http://milanakutsenko.ru/ если вдруг нужно. Вот сам скрипт который размещен перед закрывающем тегом </body>: <!-- SmartResponder.ru PopOver code (begin) --> <script language="javascript" type="text/javascript" src="popover.js"></script><div id…

    Asked by gumuch, August 24, 2011

    0 votes
    9 answers
16. Помогите с примером!

    http://www.getincss.ru/2008/10/19/oformlen...u-css/#more-609 вот статья о том как сдлеать иконку для внешнего сайта. Но нет примера, все написано кусками, не могли бы вы поделиться или обяснить как сделать такой пример. Помогите пожалуйста

    Asked by hello2, November 29, 2008

    0 votes
    23 answers
17. Позиция текста около checkbox

    Привет всем! Как можно при следующей верстке сделать текст "по центру" от чекбокса? <label><input type="checkbox" value="0" name="choice[0]"> Вариант 1</label> Пробовал прописать label { padding-bottom: 4px; } label input { margin-bottom: -2px; } Сейчас выглядит так: P.S: Попробовал label input {float: left} — работает. Но не хотелось бы делать лишние плавающие элементы.

    Asked by warobushek, July 2, 2011

    0 votes
    4 answers
18. Валидация w3c

    При валидации на w3c заметил ошибку: Line 9, Column 36: The align attribute on the div element is obsolete. Use CSS instead. <div id="page-wrap" align="center"> Когда align переношу в CSS выходит такое: #page-wrap Свойство align не существует : center center Как правильно сделать, что бы пройти валидацию? index.html <!DOCTYPE html> <html> <head> <title>Лестница</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head> <body> <div id="page-wrap"> <img src="./images/circle.png" alt="logo"> </di…

    Asked by klanessia, October 20, 2011

    0 votes
    4 answers
19. При установке галки на ckeckbox переход по ссылке.

    Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.

    Asked by maasja, December 14, 2011

    0 votes
    11 answers
20. Как сделать динамическое изменение ширины?

    Привет, искал что-то подобное, но не смог ничего найти. Суть такая, есть таблицы. Надо их выровнять по левому краю. Ограничить в 1000пх. И суть в том, что надо что бы при добовлении новых таблиц в диве, они не переходили в следующую строчку, а оставались в нынешней и просто появлялась полоса прокрутки. Вот сделал небольшой пример как это должно выглядеть. Тык. Надо что бы когда эти блоки умещаются в 1000рх, то просто выравнивались по левому краю ( float:left типа ),а когда выходят за рамки, то появлялась полоса прокрутки. Как overflow:auto; но главное что бы оставались в 1 строчку. С фотками и текстом я такого эффекта добивался так: <!DOCTYPE html PUBLIC "-//W3C//DTD …

    Asked by PND, November 12, 2009

    0 votes
    8 answers
21. Помогите удалить мусор со стронице!

    Добрый день! У меня такая проблема: Наш сайт раскручивала одна фирма "Продвиж...е" из г. Санкт-Петербурга (очень плохая организация). Сейчас договор расторгнут и они оставили ссылку на свой сайт. Эту ссылку мы хотим удалить, но не можем. Облазил все, но не нашел. Помогите удалить этот мусор, который находиться на сайте http://www.tehnomodul.ru/ слева внизу: Новости для всех «Продвижение» - раскрутка сайта Сайт на "Битриксе" Жду советов! Спасибо!

    Asked by style_ys, November 17, 2009

    0 votes
    15 answers
22. скорость верстки

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

    Asked by smog, March 13, 2010

    0 votes
    10 answers
23. Как повесить ссылку на элемент списка li ?

    Здравствуйте подскажите пожалуйста такую штуку: Есть список (тут показан только первый элемент списка) <div class="we_offer clearfix">Основные конкурентные преимущества работы с нами <ul> <li class="analyze fist_child"> <div class="thumbnail clearfix"><span><em> </em></span> </div> <h3>Тут текст</h3> <div class="block_content">Тут текст</div><a class="Readmore" href="/informatsiya-o-materiale"> Подробнее </a> </li></ul></div>В css прописана картинка, вот можно ли как-нибудь эту картинку сделать ссылкой?? .we_offer ul li.analyze span {background: url(a…

    Asked by quake3, February 25, 2014

    • li
    • ссылка
    0 votes
    3 answers
24. Футер переменной высоты и резиновый блок контента

    Привет. Вот обычный прижатый футер. http://jsfiddle.net/qLEd3/ Суть в том, что мне надо сделать следующее. Надо сделать, чтобы футер был также прижат, но он может быть любой высоты, а блок контента, если его высота меньше высоты окна минус высоты хедера и футера должен доставать до футера. Чтобы пояснить что я хочу получить, я сделал это на js. http://jsfiddle.net/qLEd3/3/ Как можно сделать то же самое без него, кто подскажет?

    Asked by Veseloff, April 27, 2014

    0 votes
    15 answers
25. radio и текст

    помогите, пожалуйста, кроссбраузерно (ие7 +, ff 1.5 +, google chrome, safari 3.0 +, opera 9.0) расположить текст справа от radio. пробовал так: input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} но в ие 7 текст смещается вниз (( весь код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{pos…

    Asked by html, December 31, 2009

    0 votes
    13 answers