HTML Coding

29542 questions in this forum

1. Background repeat, Background position

   Сколько читал, но так и не понял. Сделал Background repeat:no repeat; Background position:20% 80%; background attachment: fixed получилось наоборот. И повторяется, и прокручивается. И вообще хотел уточнить. fixed- фиксирует рисунок на странице или на экране? Потому что у меня получается что на экране. А то что он размножается это я вообще объяснить не могу. Вот страница пробная http://kochubey-city.narod.ru/index1.html

   Asked by SHeiH, September 3, 2007

   0 votes
   5 answers
2. Неправильно отображается код.

   Помогите разобраться с кодом, верстка неправильно отображается в FF и Opera, хотя прекрасно парсится в IE. style.css #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 2…

   Asked by Mihail Dobkin, March 12, 2008

   0 votes
   9 answers
3. Помогите плиз с min-height 100% и двумя div'ами

   Приветствую всех! Помогите плиз. Нужно сделать блок фиксированной ширины с двумя изображениями по бокам(два бордера с тенями), тянущиеся до самого низа. Первый div с min-height 100% и фоновое изображение левого бордера, в него вложен еще один div тоже с min-height 100% и с изображением правого бордера. Так вот, первый бордер(который левый) отображается хорошо и тянется до самого подвала сайта, а вот второй вложенный div с правым бордером хоть убейся, но не тянется до подвала, а только равен высоте контента. Уже весь день мучаюсь, ничего не получается с ним сделать. HTML код: <div id="leftborder"> <div id="rightborder"> <div id="content"> Content: S…

   Asked by Torner, April 9, 2010

   0 votes
   5 answers
4. Переход между страницами без обновления шапки

   Полазил по одному сайту и вот на что обратил внимание. Там при переходе со страницы на страницу, длительность загрузки может составлять до 2-х секунд, но при этим шапка и левая колонка даже на миг не пропадают с экрана. Обычно, на других сайтах, в такой момент старая страница пропадает, а новая появляется в нескольких разных вариантах, соответствующих разному объему загруженной информации. Количество этих вариантов зависит от продолжительности загрузки и частоты обновления рабочей области браузера. Здесь же вариации испытывает только содержимое центрального, блока. Я сначала было подумал AJAX, но приглядевшись к коду, понял, что это чистый HTML. И суть эффекта, таким обра…

   Asked by freeneutron, March 6, 2011

   0 votes
   8 answers
5. Масштабирование изображений в галерее

   Добрый день! Уважаемые специалисты, помогите, пожалуйста, с масштабированием картинок, у меня никак не получается сделать ровно для всех браузеров. Имеется вордпресс, в теме есть галерея с горизонтальной "прокруткой". У меня было желание настроить галерею более грамотно и удобно. Изначально галерея предполагает загрузку картинок одной высоты, но мне это не подходит. У меня вертикальные и горизонтальные фотографии, и мне нужно, чтобы они были одной высоты в галерее, при этом, чтобы вертикальные масштабировались под высоту горизонтальных. В оригинале выглядит вот так: http://demo.megathe.me/heat/portfolio/people/ Код стиля: /* =iosSlider-------------------------…

   Asked by Радосвет, March 8, 2015

   • img
   • фото
   • изображение
   • мастштаб
   • масштабирование
   • галерея
   0 votes
   3 answers
6. DOCTYPE HTML 4.01 Transitional - div height 100%

   Можно ли растянуть div на 100% по высоте в этом DOCTYPE без использования javascript, само собой для всех браузеров? и еще вопрос, есть: ************************************************* хедер ************************************************* левая контент правая колонка колонка ************************************************* футер ************************************************* так вот колонки позиционированы absolute как привязать футер к низу? если не известно заранее какой высоты колонки

   Asked by ignar, February 1, 2008

   0 votes
   3 answers
7. Глюки с наследыванием или хз с чем...

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> .div1 { width: 164px; position: absolute; top: 30%; background-color:#009999; } .div1 > a { display: block; text-decoration: none; color: #ffffff; padding: 5px; background:#212121; border: 2px ridge #000; } .div1 > a:hover {background: #7f7f7f;} .div2 { width:36px; height:36px; position:absolute; right:-36px; top:50%; margin-top:-18px; } .div2 a …

   Asked by Destrifer, December 4, 2008

   0 votes
   17 answers
8. скругление углов с css

   криво скругляются уголки. прошу помочь найти причину: разметка: <!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"> <meta http-equiv="Pragma" content="no-cache"> <link rel="stylesheet" href="./css/style.css" type="text/css"> <link rel="shortcut icon" href="./i/favicon.ico" type="image/x-icon"> <title>%title%</title> </head> <body> <div id="center"> <div id="menu"> <ul> <li><a href="./index.php">Главная</a></li> <li><a href…

   Asked by reteiktor, October 25, 2009

   0 votes
   6 answers
9. Что то в серых тонах...

   Всем доброго времени суток, скажите, что лучше? Это или Это?

   Asked by selevit, February 4, 2011

   0 votes
   31 answers
10. Как зафиксировать меню сверху экрана

    Есть меню, оно в середине экрана, при прокручивании страницы, когда скрывается это меню - его надо зафиксировать с верху браузера? Что-то похожее есть в яндекс почте.

    Asked by pixelranger, May 13, 2011

    0 votes
    4 answers
11. бустрап отключить адаптивность

    есть сайт на бустрап3(а может 4) мне нужно выключить адаптивность для любых устройствах я установил такую строку <meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" /> все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs- но для меня слишком сложно,плюс не хочу править сам шаблон есть простое решение? скачивал css файлы которые якобы убирают адаптивность но не помогает

    Asked by https, November 26, 2016

    0 votes
    17 answers
12. Проблема с позиционированием 2х блоков

    Сначала был примерно вот такой код: <div class="content"> <div class="content_div"></div> <div class="sidebar"> <p></p> <p></p> </div></div>с таким css: .content_div { margin-left: 220px;}.sidebar { float: left; width: 200px;}Все отображается нормально. Но тут для адаптивности шаблона под мобильники (на мобильниках планируется вывод сайдбара под контентом) потребовалось поменять местами content_div и sidebar. При этом sidebar съехал вниз под content_div. Поместил контент сайдбара в дополнительный блок и установил position: absolute: <div class="content"> <div class="sid…

    Asked by zevilz, February 27, 2015

    0 votes
    14 answers
13. Слайд шоу

    Народ, помогите! Нужно такое слайдшоу на сайте. Нигде не могу найти пример чтобы были и стрелочки, и цифры, и слайды автоматически менялись. В javascript не сильна. Может кто-то делал подобное, скиньте, пожалуйста ссылочку. Буду премного благодарна! )))

    Asked by Беленькая, March 26, 2010

    0 votes
    14 answers
14. Как сделать таблицу с закругл?нными концами?

    Хочу сделать таблицу с закругл?нными концами. Но у меня получается отступ. Как его убрать? Вот код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #content { padding: 0px; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="10" width="10"><img src="images/01.gif" width="10" height="10"></td> <td></td> <td height="10" width="10"><img src="images/02.gif" width="10" height="10"></td> </tr> <tr> <td></td> <td id="content"&gt…

    Asked by CRANK, July 12, 2007

    0 votes
    1 answer
15. Выбор бесплатного хоста

    Пытаюсь подобрать бесплатный хост, пока варианты: narod.ru и ucoz.ru. Может кто подскажет ещ? варианты? заранее благодарю)

    Asked by Arkada, February 6, 2008

    0 votes
    11 answers
16. Как заставить блок занять собой всё свободное пространство?

    Есть два блока, которые находятся в третьем: <div> <div> ... </div> <div> ... </div> </div> Высота контейнера задана в пикселах либо в процентах от высоты страницы, а высоты внутренних заранее неизвестны. Вот что получается: А мне надо так: Как это сделать? Я не представляю, как это сделать даже с помощью таблицы.

    Asked by Kodd, June 30, 2012

    0 votes
    1 answer
17. Ползет сайт

    Доброго времени суток все участникам форума! У меня возникла проблема после верстки сайта: при увеличении масштаба в браузере Хром, на макете сайта появляются элементы состыковки картинок: Причем при разном увеличении они проявляются в разных местах... Подскажите пожалуйста в чем может быть дело? Если кого-то заинтересует, то исходники сайта я выкладывал тут : http://forum.htmlbook.ru/index.php?showtopic=36877

    Asked by saint_12, August 8, 2012

    0 votes
    8 answers
18. Помощь в вёрстке "Шапки"

    Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?

    Asked by koekto93, October 23, 2015

    • header
    0 votes
    11 answers
19. Иконки под новостью или CSS background

    Я сделал и хочу использовать иконки для новостей сайта: Я собрался это делать при помощи следующего кода: HTML <div class="cdetails">{link-category} <span class="inviews">{views}</span> <span class="inauthor">{author}</span> <span class="indate">{date}</span> <span class="incomments">{comments-num}</span></div>CSS .cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) 10px 10px left center no-repeat;}.inviews {background-position:0 0;}.inauthor {background-position:0 0;}.indate {background-position:0 0;}.incomments {background-position:0 0;}Однако сами иконки на сайте не отоб…

    Asked by iBars, April 28, 2015

    0 votes
    11 answers
20. вычисление ширины в ie6

    Почему-то, ie6 неправильно считает ширину блоков. В остальных браузерах нормально, в ie6 приходится использовать хак (( <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> html { width:100%; height:100%; } *{ margin: 0; padding: 0; border: 0; } body {font-size:10pt; font-family:Arial;background:#000;} .bot{ padding:0 10px; background:blue; height:56px; width:100%; } .clear {clear:both;} .center { background: red; width:95%; _width:94%; padding:20…

    Asked by Destrifer, March 9, 2009

    0 votes
    7 answers
21. Нарезка проекта на Cs3

    Имею Проект.PSD но не имею представления что делать (навыков в Шопе НОЛЬ) с чего начинать?

    Asked by sv12, March 17, 2010

    0 votes
    13 answers
22. При наведении на картинку идет смещение. (CSS)

    При наведении на картинку идет смещение. (CSS) При наведении мышкой на картинку в слайдшоу изображение смещается и появлйются превьюшки-стрелки. Как сделать чтоб эти стрелки были постоянно на картинке и чтобы таких смещений не было_? Помогите мне пожалауйста разобраться. Слаидер тута http://solcellepanel.hg.no/

    Asked by knopka3, February 2, 2012

    0 votes
    2 answers
23. Едет верстка на IPad'е

    Всем привет. Есть простая верстка: http://test.premier96.ru/main.html Говорят (сам сабжевым девайсом не обладаю, поэтому воочию посмотреть не могу), что на айпаде кое-что едет, даже картинку дали как оно едет: http://test.premier96.ru/photo.jpg Проблема даже не в том, что вообще мало понятно, почему оно так вот едет, а в том, что ВСЕ онлайн показометры сайтов на моб. устройствах ничего подобного не показывают, там все ок. Может у человека с браузером на девайсе фигня какая-то происходит ? У кого айпад есть, гляньте, как у вас отображается или кто-то может просто подскажет, в чем может быть дело ? Заранее благодарю!

    Asked by lolka84, January 9, 2014

    0 votes
    6 answers
24. DIV. Вертикальное позиционирование.

    Добрый день! Заинтересовал вопрос по поводу вертикального позиционирования, погуглил, ниодин вариант не подошел. <div id="big_block"> <div id="left_top_block"> Этот блок должен располагать слева вверху. </div> <div id="center_block"> Центральный блок, который будет заданной ширины, н/р, width:40em; Вертикальное позиционирование не особо важно, ради весёлости, можно конечно отцентровать </div> <div id="right_bottom_block"> Этот блок должен находиться справа внизу </div> </div> Скорее всего, подойдет вариант с display:table; и display:table-cell;, но то, что нашел в инете, не смог подогнать под именн…

    Asked by Zov, June 29, 2009

    0 votes
    3 answers
25. Про счетчик с перелистыванием

    Насколько я знаю все счетчики с перелистыванием реализованы сейчас на спрайтах? Я смотрела их коды - везде непонятный канвас и как мне показалось, это все самописное. Может кто посоветовать счетчик, где можно полностью выбрать стиль и подключить свой спрайт? Кстати, создаете ли вы сами спрайты для перелистывания или только строго, если он шел вместе с макетом? Если ли у кого настраиваемый счетчик, реализованный без использования спрайтов?

    Asked by Zverushka, October 8, 2013

    0 votes
    7 answers