HTML Coding

29,542 questions in this forum

1. Режется фон в Опере

   Добрый день! Подскажите, возможно кто-нибудь сталкивался с этой проблемой. Перепробовал все что знал - ничего не помогло. Есть веб-сайт veselonasvadbe.ru, решил поменять стандартный фон на картинку: body { background: url('/charcoal.gif'); } В браузерах Mozilla, IE отображается нормально, как и должно быть. А вот с Оперой, какая-то проблема - сайт режется чуть ниже середины страницы. Фон стоит для всего "тела", поэтому странно что режется именно чуть ниже середины страницы. Помогите советом!

   Asked by vlanelot, October 13, 2011

   0 votes
   8 answers
2. Режеться слайдер по высоте

   Добрый день, не могу разобраться почему ширина изображения не та что загружается в флексслайдер(1980*1080) Обрезает height Вот ссылка: http://792878.seedin00.web.hosting-test.net/index.php/ru/

   Asked by sanyok911, March 9, 2016

   0 votes
   0 answers
3. Режим наложения css3

   Суть вопроса : есть такой блок https://jsfiddle.net/w28rh987/5/ . Для фото использован режим наложения luminosity.При наведении на весь блок single-item у фото исчезает luminosity и появляется оверлей синего цвета со ссылками и неким текстом. Но у меня получается,что наложение пропадает, а затем появляется и у соседнего фото. Можно ли как-то решить эту проблему? P.S. : в фаерфокс почему-то наложение не видно,в хром работает.

   Asked by Alexandr37, November 22, 2016

   0 votes
   0 answers
4. Режим совместимости

   Ребят подскажите пожалуйста, при открытии сайта в IE8 сайт открывается в режиме совместимости и там просто все карау как будто чужой сайт открываю. Если же в IE8 (средства разработчика) поставить режим документов стандартный IE 8, то сайт выглядит на удивление правильно. стандартный для IE7 неправильно но багов в 100500 раз меньше. Вопрос, что надо сделать чтобы при просмотре сайт открывался в стандартном виде, а не в режиме совместимости?

   Asked by ShumNo, November 18, 2010

   0 votes
   11 answers
5. Резервируется место под всплывающее меню(

   Доброго времени суток. Помогите, пожалуйста, понять в чем же тут дело. Вставила на сайт меню со всплывающем подменю и под это подменю на странице резервируется место, хотя не должно. Адрес страницы - http://gruz78.ru/arhangelsk.php css для меню: ul { display: block; margin : 170px 0 0; padding: 20px 0 0; list-style: none;}ul:after { display: block; content: none; clear: both; float: none;}ul.menu > li { float: left; position: relative;}ul.menu > li > a { display: block; padding: 10px; color: #cc3300; background-color: white; text-decoration: none; border: 1px solid red;}ul.menu > li > a:hover { background-col…

   Asked by lampo4ka, November 9, 2015

   0 votes
   2 answers
6. резина

   есть три дива нжно, что бы див по середине(контент) растягивался, а дивы по бокам оставались на месте. но получается левый див стоит контент по середине а правый див уходит вниз. html: <div class="menu"> MENU </div> <div class="content"> CONTENT </div> <div class="banner"> BANNER </div> css: .menu { float:left; width:130px; } .content { margin-left:140px; margin-right:140px; } .banner { float:right; width:130px; }

   Asked by musulman, December 19, 2007

   0 votes
   5 answers
7. резина

   Реально ли вообще так сверстать? Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться?? И если уже на то пошло, таблицами можно такую задачу сделать?

   Asked by Yahoo!, September 2, 2009

   0 votes
   5 answers
8. Резина

   Здравствуйте! Я сделал так что б картинка была на весь экран, но при добавлении большого количества текста в "центр", текст выходит за пределы картинки, как сделать что б центр растягивался в зависимости от текста. тоесть изначально картинка подгоняется под размер экрана, а потом если текста много то центр растягивался. Куда копать? <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>резина</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="rezina.css" media="all" /> </head> <body> <div class="kartina_up"> …

   Asked by Petro21, January 31, 2012

   0 votes
   0 answers
9. резина - пробую

   Ссылка Пробую резиновую верстку. Во wrapper взял все кроме подвала. Подвал вынес, для того, чтобы прижать. Для wrapper проставил: #wrapper { min-height: 100%; } Почему он тогда не растягивается на всю высоту? И как в целом моя так скажем "верстка"?

   Asked by Rustick, July 21, 2011

   0 votes
   12 answers
10. Резина + две фиксированные одна под другой, проблема?

    Проблема, как сохранив (важно!) данный порядок блоков сделать так, чтобы сайдбар прижался вверх к меню. Сейчас он начинается под контентом. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Слева резиновая, справа фиксированные колонки</title> <style type="text/css"> body { color: #000; /* цвет текста страницы */ background: #fff; /* фоновый цвет */ margin: 0; /* убираем поля по краям */ } #header { height: 100px; /* высота шапки */ background: #fc0; /* фон */ } #menu { width: 250px; /* ширина меню */ background: #0fc; float: right; /* всплыва…

    Asked by 2001photo, January 29, 2012

    0 votes
    5 answers
11. резина в 3 колонки

    Добрый день форумчане, никогда не занимался резиновыми макетами, поэтому возникла проблема: Нужно чтобы левая и правая колонка были фиксированными а центральная резина, сделал вот что HTML <div id="main"> <div id="top"></div> <div id="center"> <div class="left-side"></div> <div class="right-side"></div> <div class="content"></div> </div> <div id="bottom"></div> </div> CSS /*Основные блоки*/ #main{border:1px solid red;} #top{border:1px solid red;height:150px;} #center{border:1px solid red;height:600px;overflow:hidden;} #bottom{border:1px solid red;height:150…

    Asked by kamaz6141, January 20, 2012

    0 votes
    8 answers
12. Резина в меню

    Есть css вот такой: #menu { position: absolute; margin: 352px 0 0 213px; } #menu li { float: left; padding-right: 35px; margin-left: -1px; } #menu li a { float: left; text-decoration: underline; font-size: 11px; color: #202e2e; font-family: Verdana; } #menu li a:hover { text-decoration: none; } <ul id="menu"> <li><a href="#">меню1</a></li> <li><a href="#">меню2</a></li> </ul> Как сделать чтобы это меню было в ширину резиновым на 100%, но при этом сохранились расстояния между пунктами меню как есть при сужении окна браузера?

    Asked by okunev2, July 26, 2008

    0 votes
    6 answers
13. Резина в шапке

    Доброго времени суток уважаемые участники форума! Проблема в следующем. Есть шапка - div, внутри него три diva: 1. прижат слева рисунок, 2. прижат справа рисунок,3. между ними должен быть повторяющийся элемент, ширина замощенной им области должна меняться в зависимости от разрешения экрана. Как сделать, но без таблиц. Заранее благодарен.

    Asked by chapai, August 31, 2011

    0 votes
    7 answers
14. Резина или фиксированный?

    Собственно начал верстать шаблон, ранее таких проблем не возникало...даже не знаю почему, В общем такой вопрос, есть макет Сверстал я его как резину, но вот проблема - криво кажет на разных браузерах, все отступы делал в %, также проблема выявляется на маленьких мониторах -меньше (1280 x 1024), как решить собственно вопросик-то? Вот что получилось на выходе HTML

    Asked by Ergonav, April 30, 2012

    0 votes
    2 answers
15. Резина не резинит

    Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;

    Asked by Ritter, April 23, 2010

    0 votes
    30 answers
16. резина по вертикали

    доктайп хтмл 1,0 транситионал задача. заставить три дива растягиваться на 100% по высоте окна. внутри них четвертый див с минимальной высотой 500px; хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px) one, two и three "тянулись" вниз.. CSS * {margin: 0; padding: 0;} html, body {height: 100%;} .one {height: 100%; background: red url('image.gif') top repeat-x;} .two {height: 100%; background: green url('image2.gif') bottom repeat-x;} .three {height: 100%; background: #fff; margin: 0 200px;} .text {min-height: 500px; height: auto; //height: 500px;} HTML <div class="one"> <div class="two"> <div class="three"> <di…

    Asked by vr201, September 3, 2007

    0 votes
    2 answers
17. Резина по высоте

    Есть у кого конкретные примеры резины по высоте при верстки сайта таблично?

    Asked by okunev2, February 12, 2008

    0 votes
    1 answer
18. Резина по высоте проблема с футером

    При уменьшении по высоте окна браузера, футер почему-то наезжает на центральную часть. Не пойму как поправить код чтобы не наезжало, и при уменьшении по высоте, просто футер сдвигался вниз, а так он и так прижат всегда к низу. Буду благодарен за помощь, профи <!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" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Language" content="ru" /> <meta name="description" content="descri…

    Asked by okunev2, July 16, 2011

    0 votes
    7 answers
19. Резина шалит, помогите.

    Здравствуйте, у меня возникли проблемы с маленькой резиновой шапкой, она очень плохо отображается в сфари, хроме 16 и немного плохо в ИЕ7. Много чего передпробывал и самое лучшее чего смог добить это вариант который я сейчас выложу, помогите кому не лень, где ошибка? Или просто скажите что я делаю не так, в каком месте... Вот сайт = http://logicface.narod2.ru/ Вот скрины проблемы: Текст неправильно скукоживается и залазит под нижний див. Тут вообще хорор какой то, никак не могу понять почему они все сьехали влево.=( Ну а тут вообще бред, проде я писал utf-8 а буквы тоже краказяблами.=( Спасибо большое за внимание!

    Asked by logicface, November 20, 2012

    0 votes
    3 answers
20. Резина. Тянем картинку

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

    Asked by sjinks, October 15, 2012

    0 votes
    2 answers
21. Резина)

    Первый раз взялся за резиновую вёрстку, и вот тут у меня получилась хрень...мож кто подскажет?! у меня футер может наехать даже на хэдер =) прибит он к полу через position:absolute, bottom:0; Вот в обычном состоянии http://s017.radikal.ru/i432/1211/69/f11d81b167dc.jpg вот ,когда появляется прокрутка - http://www.radikal.ru/action.aspx код HTML: <!doctype html> <html> <head> <title>резина</title> <meta charset="utf-8"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <header> <div id="headbg"> <div id="logo"> </div> <div id="menu"> <ul> &…

    Asked by renkoman, November 12, 2012

    0 votes
    5 answers
22. Резинавая верстка

    Подскажите пожалуйста список большинства популярных разрешений для резиновой верстки с использованием: @media screen and (max-width: ***px){} Для деспотов: 1024x768, 1280x1024, 1680x1050, 1920x1080 эти как я понял ноутбуков: вообще не знаю планшетов: 7" и 10.1" но как понимаю есть еще небольшой зоопарк от Sumsung + Ретина дисплеи + еще горизонтальное и вертикальное расположение смартфонов: ??? там вообще грандиозный зоопарк... игровых приставок: (PS3 Xbox) точнее скорее для широкоформатных телевизоров. цель простая. хочу сделать собственный набросок или пару набросков для адаптивной верстки под свои нужды. Вообще идеальным было бы если бы дали ссылку на статейку или …

    Asked by stDragon, December 20, 2012

    0 votes
    3 answers
23. Резинка не поддается

    Уже не первый день мучаю код. Завтра срок сдачи, времени нет! Просьба помочь, как можно сделать вот такой хэдер...

    Asked by mayse, July 7, 2011

    0 votes
    15 answers
24. резинновый макет с position:absolute ?

    с координатами сделать такое не проблема, если верхний блок имеет чёткие размеры, а если эти размеры не известны ? возможно ли вообще ? блок должен центрироваться, а в случае если его размеры превысят серый блок, он должен прилипнуть к голубому блоку и тянутся, не сдвигая желтый блок (красный маленький блок, зелёный, если его содержимое будет большим) вот так смог если известен размер верхнего блока <!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"> <style> body {margin:0;} .tops { position:absolute; border:1px solid red; height:295px; width:100%…

    Asked by iillyyaa2, May 27, 2011

    0 votes
    8 answers
25. Резиновая блочная верстка. Проблема с позицианированием div

    Здравствуйте. Давно уже ничего не верстал. Лет пять как минимум и встала необходимость за неделю все вспомнить. Проблема возникла с div блоками (из которых все и составляется). Толком я сам не могу понять в чем причина, иначе возможно нашел бы решение. Вот страница http://images.km.ru/test/index.html , вот css http://images.km.ru/test/index.css Смысл в том, что мне нужно сделать резиновый блок, который будет расширятся по вертикали в зависимости от наполнения. Блок этот составлен из div элементов (верх, низ, право-лево), а внутри уже само наполнение. Проблема в боковых границах (#bd_lt и #bd_rt). Насколько я понял длинна ориентируется по правой колонке с наполнением (#rt_…

    Asked by DukeBJ, October 31, 2011

    0 votes
    1 answer