HTML Coding

29542 questions in this forum

1. Резиновый дизайн

   Доброго времени суток, уважаемые. Столкнулся с проблемой и не знаю как ее решить. Нужно 2 контейнерных элемента разместить на странице так, чтобы верхний был постоянной величины в 20 пикселей, а вот второй, который ниже, растягивался бы в зависимости от высоты страницы. На каких это элементах реализовать в общем-то не имеет значение. Пробовал сделать таблицей, присвоив одной ячейке фиксированную высоту, а второй не указывать высоту, но тогда всеравно растягиваются обе строки, даже та которая с фиксированной высотой. Потом пробовал сделать на дивах, указав одному диву высоту 20 пикселей, а второму 100%, но тогда появляется полоса прокрутки, т.к. страница получается в высо…

   Asked by Ogalig, September 5, 2008

   0 votes
   7 answers
2. Выравнивание слоя по вертикали

   В этом разделе автор предложил способ выравнивания слоя по центру веб-страницы при фиксированной высоте слоя. Есть ли способ выровнять слой по вертикали с помощью стилей, если высота блока неизвестна заранее (зависит от контента)? Например, http://codepen.io/anon/pen/waCKq?editors=110 Нужно, чтобы слой wrap отображался по центру веб-страницы для браузеров IE7+ и последних версий FF, Sa, Ch, Opera. Примечание: использование inline-block и псевдоэлемента wrap:before (для совместимости с IE7 в указанном выше примере display:inline-block установлен для строчного элемента span, а вместо псевдоэлемента использован span class="before"), увы, не привело к желаемому результа…

   Asked by hike, September 25, 2014

   • выравнивание
   • выравнивание по вертикали
   • выравнивание по центру
   • центрирование
   • слой по центру
   0 votes
   3 answers
3. Слайдер на чистом CSS

   Не работает кнопка на 1ом и 2ом слайде, а на 3ем норм. Игрался z-index, но увы безуспешно. Есть соображения? И еще момент, как менять цвет фона body при смене слайда. Например, слайд1 - фон body красный, слайд2 - фон body зеленый и тд??? Слайдер выполнем путем подмены радио кнопок. Картинки подгружать в сам слайдер на стал, думаю и так понятно. Спросите зачем на чистом CSS? Чтобы прокачаться по селекторам и работе слоями. Заранее спасибо за помощь http://www.cssdesk.com/EjsHZ

   Asked by Schamil74, February 8, 2017

   • слайдер css
   0 votes
   7 answers
4. Блок с фиксированным положением, обтекаемый текстом

   Есть такой код: <div class="div1"> <div class="div2"></div> А тут любое количество любого контента, могут быть картинки, просто текст, другие дивы, списки или параграфы </div> div1 имеет заранее определенную ширину и растягивается по вертикали исходя из контента, который в нем размещен. div2 имеет заранее известные размеры. Нужно задать такие свойства для див2, чтобы он всегда был жестко прибит к левому краю div1, находился, например, на высоте 30% от верхнего края див1 и чтобы все содержимое див1 его обтекало.

   Asked by Качан Капусты, October 4, 2008

   0 votes
   2 answers
5. как настроить переносы в выпадающем меню

   Помогите, пожалуйста, настроить переносы в выпадающем меню. Некоторые пункты меню очень длинные и не вмещаются в отведенную область. Можно увеличить ширину области, отведенной для пунктов, но меню многоуровневое и тогда все уровни не помещаются на странице. Подскажите, пожалуйста, как можно настроить переносы и возможно ли это вообще. Если возмжно, то что нужно прописать в css или еще где Вот код меню: .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover { letter-spacing:normal; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-align:left; text-decoration:none; word-spacing:normal; } .art-menu, .art-menu ul { border-botto…

   Asked by vella, January 27, 2010

   0 votes
   2 answers
6. Растянуть на весь экран колонку

   Здравствуйте! Никак не могу понять, что сделать. Есть http://planetmap.ru/atlas/earth-surface-maps.html в css описано #container { width: 100%; float: left; overflow: hidden; } Вот только на весь экран не растягивается

   Asked by Bredova, December 9, 2010

   0 votes
   11 answers
7. Резиновая верстка нестандартных фонов

   Здравствуйте! Все чаще стали попадаться макеты с нестандартным фоном, который я не знаю как приспособить под резиновость. Пример макета ниже. Буду очень благодарен, если подскажете как верстать резиново такие фоны. https://st.fl.ru/projects/upload/201401/f_73452cd2e47e535f.jpg Спасибо!

   Asked by vlasenkov, January 8, 2014

   • резина
   • верстка
   • фон
   • резиновая верстка
   • резиновый фон
   0 votes
   5 answers
8. Внедрение rss

   Есть такая замечательная (по крайней мере на первый взгляд) система rss как использовать новости rss и автоматом их включать на сайт?

   Asked by SibBear, March 27, 2008

   0 votes
   7 answers
9. Очень нужна помощь

   Мужчины! Знаю, что есть 2 варианта решения данной проблемы-отредактировать имеющийся шаблон или создать новый, но нет хорошего руководства (для пользователя) как это сделать

   Asked by Angela, May 12, 2009

   0 votes
   4 answers
10. Шрифт цифр в OL

    Можно ли как-нибудь изменить шрифт маркёров-цифр в элементах списка OL, чтобы остальной текст был по-прежнему нормального размера? В частности, сделать цифры верхним индексом.

    Asked by Webr, June 20, 2009

    0 votes
    1 answer
11. Ааа... Warning! Margin в ie6!

    Хелп, подскажите как лечить ие6? Конструкция такая: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> body { margin: 20; padding: 20; } .local-max { width: 300px; background: red; border: 1px solid black; overflow: hidden; zoom: 1; } .local-min { float: left; margin-left: 8px; width: 30px; color: white; background: green; } </style> </head> <body> <div class="local-max"> <div class="local-min">1</div> <div class="l…

    Asked by Semreg, October 9, 2009

    0 votes
    12 answers
12. Как изменить соотношение (font-size-adjust) высоты шрифта к ширине

    Помогите кто может! Нужно изменить высоту шрифта сохранив его ширину и семейство (желательно), перерыл интернет там все говорят "это легко", есть свойство font-size-adjust, пробовал это свойство у меня не хочет работать ни на одном браузере. Если у кого была такая проблема киньте пример пожалуйста, и с какими браузерами и font-family это свойство работает. Заранеее спасибо

    Asked by LossBull, April 5, 2010

    0 votes
    6 answers
13. Разрыв между блоками в FF4

    Добрый всем день! Такая проблема. При верстке страниц на сайте http://umatax.com в FF 4.0 появляется разрыв между верхним и средним блоком. В остальных броузерах ничего подобного нет. Ошибки в верстке проверил, все корректно. Был бы очень благодарен за помощь.

    Asked by Yust-os, May 21, 2011

    0 votes
    18 answers
14. Стилизация input type="search"

    У input type="search" не получается задать фон, у "text" нормально задаётся. Это так и задумано или просто браузеры ещё не доросли? Ну или у меня руки не оттуда?

    Asked by Gaspode, November 22, 2011

    0 votes
    2 answers
15. Footer к низу страницы

    Добрый день. Не могу справиться с задачей позиционирования футера к низу экрана при недостаточном количестве контента. Использую HTML5. <html> <body> <header /> <div.content /> <aside /> <footer /> </body> </html> http://григорий-аникин.рф/test/e-dotu/ http://григорий-аникин.рф/test/e-dotu/styles.css Вот это в Firefox работает, но в остальных браузерах нет: <html style="position:relative;min-height:100%;"> <body> <header /> <div.content /> <aside /> <footer style="height:40px;position:absolute;bottom:0;"/> </body> </html> Предлагаемые решения не работают: <html style…

    Asked by TMGLUK, May 29, 2011

    0 votes
    10 answers
16. include

    Здравствуйте. Не могу подключить файл через include. Сам файл находится в другой папке от того файла где нужно подключить. Пробовал указывать полный путь до файл но все равно ошибка. Как правильно?

    Asked by Angus, May 5, 2011

    0 votes
    15 answers
17. Структура блога на HTML+CSS

    У меня есть скромный сайтик http://куз.рф по компьютерной помощи в своем городе. Дабы продвинуть его в поисковиках, решил сделать некий блог, по вопросам компьютерного ремонта, аля How to. (кстати, если кто нибудь подскажет, что еще можно сделать для продвижения - буду признателен*) Создан сайт на фреймворке simpliste, и ни о каких БД речи не идет. Структура простая: несколько страничек html, папка css, папка с изображениями. Я примерно так себе это представляю: Чтобы сделать нечто похожее на блог, я должен создать страничку, скажем http://мойсайт.ru/blog.html, в которой будут обрывки статей, и ссылки на отдельные странички (в папке blog), с видом http://мойсайт.ru/blog/с…

    Asked by B-Real, April 6, 2012

    0 votes
    5 answers
18. z-index и контекст наложения

    Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative наприм…

    Asked by SnowSilver, December 20, 2017

    0 votes
    5 answers
19. высота промежуточного div'а в IE6

    Есть вот такой вот простой html-файл. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/HTML4/loose.dtd"> <html> <head><title>Тестовый пример</title> <meta http-equiv="Content-type" type="text/html; charset=Windows-1251"> <style type="text/css"> * { margin:0; padding:0;} body { color:#FFF; background-color: #FFF; } .cl_top { background-color: #000040; } .cl_middle { height: 15px; background-color: #F00; } .cl_bottom { background-color: #000040; } </style> </head> <body> <div class="cl_top">Строка1</div> <div class="cl_middle"></div> <d…

    Asked by tvolf, September 15, 2007

    0 votes
    2 answers
20. внезапные глюки оторажения

    есть проблема, сайт нормально работает, потом в какое-то время перестаёт отображаться фон, потом локально изображения, показываю другим у них отображается всё нормально. Юзаю фаерфокс. вот к примеру http://www.milkywaygalaxy.ru/ сайт у вас наверно отображается хорошо, а у меня фон полностью _Белый_. такие глюки не связаны с вёрсткой, и изменением кода, думаю это мой браузер глючит. п.с. может это и оффтоп, но не знаю куда обратиться еще. п.п.с. вариант с переустановкой браузера не подойдёт, ибо слишком много ценной инфы в нём сохранено заранее спасибо всем ответившим!

    Asked by mephistophile_ua, December 17, 2008

    0 votes
    17 answers
21. Вложенные дочерние селекторы в CSS

    Допустимо ли в CSS записывать так: table#FrameID>tr>td ? И как сделать стиль для td, если код генерируется сервером (т.е. я на него повлиять не могу) и только таблица имеет ID ?

    Asked by Webr, April 16, 2010

    0 votes
    8 answers
22. BLOCKQUOTE ошибка в валидаторе

    из за тега BLOCKQUOTE много проблем у блога в блоггере, при использование этого тега появляется ошибка в валидаторе, незнаю как исправить, может кто поможет? пишет так: document type does not allow element X here; missing one of Y start-tag Line 1072, column 2168: document type does not allow element "blockquote" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag …pan><span class="fullpost"><blockquote>После установки программы ВебМани Кипер… Ещё я заметил когда использую BLOCKQUOTE в сообщениях, то в браузере Хром, нарушается работа под ката, который используется через тег span. И мне приходится писать сообщения пр…

    Asked by virgin, August 17, 2010

    0 votes
    6 answers
23. Помогите с сеткой через flex

    Добрый день! Подскажите, как можно реализовать сетку, как на фото, через flex. Проблема с картинкой, которая занимает последние две строки, с машиной. После неё, картинка с котом уходит вниз( Заранее спасибо)

    Asked by IceAge624, April 20, 2019

    0 votes
    6 answers
24. самый легкий lightbox

    Скачал себе "lytebox", но размер 73,8 КБ (75?585 байт) Не заслишком ли? Может есть что поменьше? Заранее спасибо

    Asked by Slyfox, June 15, 2008

    0 votes
    3 answers
25. Двуязыковый сайт

    Всем привет! Мне поставили задачу сделать двуязыковый сайт с блочной разметкой. Т.е. в верхней части (хэдере) два флага (Россия и Великобритания) при нажатии на которые будет переключаться язык. Как более компактно и логично сделать это, у меня нет опыта в этом? Использовать скрипты?

    Asked by ONIX, January 22, 2009

    0 votes
    12 answers