HTML Coding

29542 questions in this forum

1. Проблемма с высотой блоков

   здравствуйте не так давно начал верстать и столкнулся со следующей проблемой. имеется сайт - kvartiry.pl.ua есть блок с фоном (div.bg), а так же блок с контентом (div.content)… идея такова, что блок с фоном должен растягиваться на 100% по высоте родительского блока div.body который в свою очередь растягивается блоком с контентом (в зависимости от наполнения) собственно проблема заключается в следующем… добившись желаемого результата в опере и IE9 заметил, что firefox преподнес сюрприз… блок с фоном вместо того, что б растянуться по высоте родительского блока растягивается на 100% экрана… проблема, как я могу судить, заключается в свойстве селектора height в стиле div.…

   Asked by JoseRodriguez, June 1, 2011

   0 votes
   19 answers
2. Разворачивающийся текст

   Подскажите как сделать чтобы новость на страничке показывалась не полностью, а только начало, далее кнопочка какая-нибудь, при нажатии на которую разворачивался остальной текст? Что то типа show/hide в joomla, сайт пишу сам, css нету. Заранее спасибо за помощь.

   Asked by Zeferot, October 1, 2012

   0 votes
   5 answers
3. Валидатор показывает ошибки

   Валидатор пишет на запись ниже: No p element in scope but a p end tag seen. <p style="text-align: center; font-size: 140%;color: #666;">8 (800) <span style="color: #993333;">333-66-73</span><br /><span style="font-size: 75%; color: #666;">(бесплатный по России)</span></p> Ни как не могу исправить ошибки, все текст проверила кругом тег p закрытый вот можно посмотреть страницу (3 похожие ошибки): http://yaroslavl.datrans.ru/perevozka-gruzov-yaroslavl-yakutsk-yaroslavl Спасибо.

   Asked by olyakutukov@ayandex.ru`, November 6, 2014

   0 votes
   4 answers
4. padding

   Здравствуйте. Помогите пожалуйста разобраться. Это часть css кода: #footer p { background-image: url(images/niz_z.jpg); background-repeat: repeat-x; padding: 30px 0 5px 5px; margin: 0; clear: both; font-size: 80%; color: #fff; } отступы: 30px 0 5px 5px; нормально отображаются в FF ,Safari ,Opera, Netscape . В IE нормально отображается : 15px 0 5px 5px ; Как добиться "золотой середины", или одинакового отображения свойства padding во всех браузерах?

   Asked by Lobo, March 20, 2008

   0 votes
   12 answers
5. Пропорциональное выравнивание блоков по горизонтале

   Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…

   Asked by Партия ЦКCSS, July 21, 2009

   0 votes
   9 answers
6. Выравнивание в XHTML

   Добрый день. Возникла проблема в XHTML с выравниванием по вертикали, подскажите, пожалуйста, как центрировать текст, при параметрах таблицы height=100% и width=100%? Спасибо.

   Asked by donval, April 11, 2008

   0 votes
   9 answers
7. h1 margin - отступ не там

   <div id="container"> <div id="header"> <h1>text</h1> </div><!--header--> div#header h1 {width:333px; height:37px; background:url(../img/h_title.gif) no-repeat; margin: 70px 0 0 32px;} Т.е. верняя граница контейнера и хедера должна прилипать к верху... А h1 должен отсупить вниз... но вместо этого отступ делает не h1, а весь контейнер... так в FF. В ie нормально. Если перед h1 вставить параграф с текстом, то тогда все нормально... Что это?

   Asked by Ronny7, December 15, 2009

   0 votes
   4 answers
8. Работа с IFRAME, длина по материалу...

   Доброе время суток, я ранее не когда не использовал IFRAME, но сейчас при реконструкции моего портфолио столкнулся с небольшой проблемой, хотя и проблемой это назвать тяжело, но вроде всё работает хорошо, дело в том что всё идёт так: у меня идёт небольшой блок с превьюшками(мини-картинки) при нажатии на которые с низу будет выводится материал..., но материал разных размеров, в плане высоты... то есть фиксированная ширина у меня стоит 847px, а длина у самого блока плавает в зависимости от материала, примерно от 500px до 800px подскажите пожалуйста - возможно ли, как то выставить auto, что бы длина IFRAME ориентировалась по длине вложенного материала(без прокрутки)... ? За …

   Asked by Guooff, May 17, 2010

   0 votes
   7 answers
9. Сетка

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

   Asked by JoseRodriguez, November 1, 2011

   0 votes
   27 answers
10. выпадающий список у резинового меню

    друзья, подскажите как сделать выпадающее список в резиновом меню? код html <div id="menu"><ul class="menu"><li><a href="#">Создание сайта</a></li><li><a href="#">Веб-дизайн</a></li> <li><a href="#">(X)HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">CMS</a></li> <li><a href="#">Веб-програмирование</a></li> <ul> <li>JavaScript</li> <li>PHP</li> <li>Pen</li> </ul> <li><a href="#">Ресурсы</a&g…

    Asked by scarface.93, March 26, 2014

    0 votes
    9 answers
11. cover size для img

    Скажите случайно нельзя указать размеры для img типа cover? Как cover в background-size? Или как добиться такого эффекта?

    Asked by Zverushka, May 22, 2014

    0 votes
    4 answers
12. Непонятный мне хинт с колонками одной высоты

    Заметил одну странную штуку, хочу понять её природу. Сначала о штуке. Есть 2 слоя(опустим их стили): <div id="left"> ... </div> <div id="right"> ... </div> Они неизвестной высоты, но должны зрительно вытягиваться так, как будто она одинакова и равна максимальной. Для решения этой задачи я сделал так(колонки одного цвета), задав слою content "background: #FFFFFF;". <div id="content"> <div id="left"> ... </div> <div id="right"> ... </div> </div> В результате - ничего. Но стоило добавить слою content "float: left;" и всё отобразилось как надо во всех имеющихся у меня браузерах. Почему так?

    Asked by Choo, October 4, 2008

    0 votes
    3 answers
13. Передача сценарию текста вида:

    Вопрос: Хочу передать сценарию строку: "other_text<TEXT>other_text" <textarea name="query" class="" cols="100" rows="10" >other_text < TEXT > other_text</textarea> Переменая $_POST[query] содержит other_text other_text Почему? Как добиться результата? Спасибо.

    Asked by Bolmazov, November 23, 2008

    0 votes
    9 answers
14. Различное поведение при скруглении углов.

    Здравствуйте, есть код: .test { border: 5px solid #123; overflow: hidden; background: #555; width: 100px; height: 100px; border-radius: 20px; } .test-inner { overflow: hidden; background: #621; width: 55px; height: 55px; } <div class="test"> <div class="test-inner"></div> </div> Результат: FF4 и IE9 все хорошо в Opera и Chrome вылез угол Возможно ли исправить проблему в Opera и Chrome? P.S. Вариант со скруглением внутреннего блока не подходит.

    Asked by Deadly, March 25, 2011

    0 votes
    13 answers
15. Как семантически правильней?

    Фамилия: Иванов Имя: Иван Отчество: Иванович Возраст: 25 и т.д. Как семантически правильней? див со спанами, таблицей или же dl, dt, dd?

    Asked by vikusik, July 6, 2011

    0 votes
    17 answers
16. Подключаемый шрифт

    Здравствуйте, подключил .otf шрифт к проекту, но во всех примерах написано про подключение шрифта с расширением .ttf Есть ли смысл конвертировать .otf шрифт в .ttf если браузеры поддерижвают расширение .otf и шрифт отображается корректно?

    Asked by Temiks, May 3, 2014

    • шрифт
    • подключение
    • otf
    • ttf
    0 votes
    4 answers
17. кнопка печати в html документах

    Здравствуйте, помогите создать кнопку печати на html-странице, чтобы был предусмотрен предварительный просмотр?

    Asked by надя, December 6, 2007

    0 votes
    1 answer
18. Исчезает бэкграунд в конце ссылки

    Такая проблема. Делаю блок с новостями: http://web-diva.ru/Verstka/temp/news.html В конце ссылки идет стрелка. В ФФ и Опере все нормально. В ИЕ стрелка есть только у ссылки в одну строку. Если строк больше, стрелку не видно. В чем может быть проблема? html: <div class="news"> <div class="new"> <h4>12 апреля 2010, 11:28</h4> <a href="#">Состоялся запуск сайта </a> </div> <div class="new"> <h4&g…

    Asked by YanaSt, April 9, 2010

    0 votes
    9 answers
19. Выделение ссылки в блок

    Вот: Как мне сделать при наведение на ссылку, вокруг не? был бы блок, как на рисунке - черный блок? Как именно сделать блок, чтобы он заливал ячейку в таблице полностью где ссылка и не было бы видно с права и слево фоновых линий (белая полоска) по краям? Плиз не пинайте ногами, подскажите пример! Вот код, куда применяю стиль: <td colspan="2"><a class="top_menu1" href="#">Главная</a></td> вот css: a.top_menu1 { color:#666666; font: 9pt Tahoma; } a:hover.top_menu1 { color:#666666; font: 9pt Tahoma; display: block; }

    Asked by okunev2, October 22, 2007

    0 votes
    4 answers
20. Родительский div неадекватной высоты

    Здравствуйте. Есть проблема - родительский элемент <div class="orderby-displaynumber"> не принимает высоту внутренних элементов... Приходится писать костыль типа height:30px (но так не годится), с .clr{clear:both;overflow:hidden;} он принимает непонятную высоту (хотя Firebag не показывает, что его растягивает) <div class="orderby-displaynumber"> <div class="orderby"> <div class="orderlistcontainer"><div class="title">Сортировать по</div><div class="activeOrder"><a href="..." title=" +/-">Название +/-</a></div>...</div> <div class="orderlistcontainer"><div class="title">Производитель: <…

    Asked by Hijacker, October 15, 2012

    0 votes
    8 answers
21. Фон с полосой посредине.

    Господа, что-то у меня все представления о верстке поменялись... Вот простой код: * {margin: 0; padding: 0;} html { background-color: black; } body { margin:0 auto; width:700px; background-color: #009933; } Тут совершенно ясно, что на черном фоне (посредине) должна быть полоса зеленого цвета шириной 700пкс. И мне было ясно до сегодняшнего дня. Но сегодня я обнаружил, что в ИЕ6 это не так! В нем вся площаль зеленого цвета. Здесь даже хак вставить некуда и не о чем! Я чего-то не понимаю.... Какие есть мнения относительно природы этого явления? Хотя есть еще вариант, что это MultipleIEs глючит. Да, предвидя замечания про теги html и body (а почему бы и нет?) скажу,…

    Asked by N-Mak, March 8, 2008

    0 votes
    7 answers
22. Блоки в ряд по горизонтали (выход за границы экрана)

    Добрый день! Приветствую всех! Только зарегистрировался на форуме, и хотел посоветоваться. Следующая ситуация Мне надо расположить блоки один за другим, так чтобы они выходили за границы экрана, и не съезжали вниз. У меня есть опыт в верстке, и такую ситуацию решал 2 способами (но обе на мой взгляд, являются ужасными) 1) У внешнего diva задаю фиксированную ширину (например 20000px, ну или динамически считаю js если возможно), внутренние делаю float:left и все ок 2) У внутренних делаю position:absolute, и c js ставлю left:0px; left:1280px итд. Что тоже ужасно __________ Хотелось бы сделать как то без js, и более устойчивую систему - эти варианты какие то "на …

    Asked by haiatov, September 26, 2014

    • div
    • float:left
    • за границами экрана
    0 votes
    2 answers
23. Эти вредные меню

    Подскажите, как создать такое меню, чтоб при нажатии на его элемент разворачивались еще несколько вложенных пунктов? В общем похожее меню: http://htmlbook.ru/content/

    Asked by Serg_Bloim, July 8, 2007

    0 votes
    3 answers
24. выравнивание сло?в по горизонтали

    Не могу выровнять слои по горизонтали. Можно как то задать чтобы три колонки на сайте были по центру пространства или лучше , занимали весь родительский слой ? Пробовал выставить ширину в процентах, но что то оно то да не до конца ... Помогите пожалуйста! Сайт:vermiculit.com.ua/test

    Asked by Kos87, October 17, 2007

    0 votes
    9 answers
25. Вставка картинки тэгом object - проблемы с IE

    <object type="image/gif" data="img/logo.gif"> Здесь находится форматированный текст </object> Задумка такая - чтобы при отключеной графике отображался текст заданного размера и формата. Думаю можно использовать слои - но я с ними пока не дружу. Файрфокс и Опера нормально отображают рисунок, а ИЕ - вообще не отображает. Причем если выставить ширину и высоту объекта, то он вставляет фрейм с рисунком. Соб-но вопрос: как добиться, чтобы ИЕ отображал рисунок? Заранее спасибо

    Asked by Razor, April 17, 2008

    0 votes
    3 answers