HTML Coding

29,542 questions in this forum

1. div'ы в цикле

   Всем привет, ребят така проблемка, например: .descript{ padding: 5px; float: left; width: 55px; margin:3px;}.model{ padding: 5px; float: left; width: 55px; margin:3px;}<div class="descript">123</div><div class="model">456</div>Тут понятно, два дива будут рядом по горизонтали, но при прохождении цикла формируются еще div'ы, и при такой конструкции они естественно тоже цепляются по горизонтали, а задача сделать так чтобы несколько блоков были по горизонтали, а следующие из цикла были ниже но в таком же виде, надеюсь понятно описал или тут лучше использовать таблицу? Спасибо!

   Asked by slavok47, July 18, 2014

   0 votes
   2 answers
2. div'ы в ячейке таблицы

   Доброго времени суток всем! Столкнулась с такой проблемой. В левом столбце таблицы ширина которого 600px мне нужно разместить несколько превьюшек определенного размера. Как их выровнять в ячейке по центру? И возникла проблема с mozill_ой-отображает превью в виде маленьких квадратов... CSS .image { float: left; padding: 3px; margin: 6px 12px 12px 6px; border: 1px solid #CCCCCC; } html <table width="100%" border="0"> <tr> <td colspan="2"><h4 align="center">Фотоальбомы</h4></td> </tr> <tr> <td width="600" align="center"> <div class="image"><a href="# target="_blank"><img sr…

   Asked by Angela, January 13, 2009

   0 votes
   6 answers
3. div'ы внутри div'а

   Добрый день. Есть следующая ситуация: div, внутри которого еще два div'a. Нужно, чтобы внешний див растягивался в высоту по большему из внутренних. Соответственно, сейчас в случае, если один из внутренних дивов по высоте больше внешнего, он просто располагается поверх. Что пробовал: 1) Не указывать высоту внешнего дива. Внешний див создается высотой в 1 пиксель, внутренние идут поверх. 2) Выставлять всем троим display: block; - никакого эффекта. 3) Выставлять внешнему display: table; а внутренним - display: table-cell; . Верстка летит к чертям, других эффектов нет. Заранее благодарен за помощь.

   Asked by Simior, August 6, 2009

   0 votes
   3 answers
4. DIV'ы выходят за пределы родительского элемента

   <div class="block_header"> <div class="block_name">Lorem ipsum dolor sit amet...</div> <div class="block_acts"> <button class="reduct">Редактировать</button><br /> <button class="remove">Удалить</button> </div> </div> div.block_header имеет свое оформление, а div.block_name и .block_acts выровняны по левому и по правому края соответственно. Плюс первый имеет ширину 80%, а второй - 20%. И вот после этого вышло такое: Вот как сделать, чтобы родитель полностью покрывал этих двоих? Тьфу блин, стоило всего лишь выставить высоту для родительнского элемента

   Asked by Mosya, March 15, 2012

   0 votes
   1 answer
5. div'ы и ie6

   Приветствую. Имеем следущий код: #body { width:1000px; height:100%; margin:0 auto; display:block; } #left { width:62px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; background:#e0e0e0 url(../images/index_06.jpg) no-repeat top; -margin:-13px 0 0 0; display:inline; float:left; } #right { width:937px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; -margin:-13px 0 0 0; display:inline; float:left; } #right_top_left { width:286px; height:30px; display:inline; float:left; } #right_top_right { width:651px; height:30px; background-color:#e0e0e0; di…

   Asked by bobo, May 13, 2011

   0 votes
   12 answers
6. div'ы крест накрест

   Добрый вечер всем. Нужно было сверстать вот так: Так, чтобы 1 див был на все окно браузера. У меня получилось сделать для хрома с разрешением 1440х990 В других браузерах и при других разрешениях получается все криво. Может кто-нибудь помочь сверстать кроссбраузерно? Даже хотябы не на весь экран, главное чтобы было крест накрест. Вот мой код странички: <!-- LEFT --> <div class="hor" id="left"> <div class="section"> <h1>LEFT</h1> <a href="#" class="next">Next</a> </div> </div> <!-- TOP --> <div class="vert" id="top"> <div class="section"> <h1>TOP</h1> <a href="#" class="do…

   Asked by forest69, February 12, 2011

   0 votes
   2 answers
7. Div'ы на разной высоте

   Есть страница http://www.slawyer.ru/landing Там есть блок Почему выбирают нас? http://joxi.ru/0KAgn84cNQyd2l Помогите внутри него дивы выровнять по горизонтали http://joxi.ru/XYmEZnxHB8lQ26

   Asked by smirn0ff, June 30, 2015

   0 votes
   6 answers
8. Div'ы не прaвильно позиционируются

   Всем привет. У меня тaкaя вот проблемa, дивы кaк бы не совсем точно позиционируются, футер прилипaет к хэдеру. Вот мой css: header, footer, nav, section { display: block; } .page { /*width: 90%;*/ max-width: 1250px; margin-left: auto; margin-right: auto; } header, #header { position: relative; margin-bottom: 0px; color: #000; padding: 0; } header h1, #header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-size: 32px !important; text-shadow: 1px 1px 2px #111; } #left_container { float:left; width: 15%; } #main { float:right; width:78%; padding: 30px 30px 15px 30px; background-color: #fff;…

   Asked by Alnedru, December 28, 2013

   0 votes
   2 answers
9. div'ы, 3 колоники, проблема

   Столкнулся с такой проблемой (вроде все элементарно, но...): index.html <html> <head> <META HTTP-EQUIV="Page-Enter" CONTENT="BlendTrans(Duration=1.0)"> <meta http-equiv="content-type" content="text/html; charset=1251" /> <title>{$title}</title> <link href='style.css' rel='stylesheet' type='text/css' /> </head> <body bgcolor='#000000' text='#ffffff'> <div id='tbl_head'> <div id='tbl_td_head_l'>l</div> <div id='tbl_td_head_c'>c</div> <div id='tbl_td_head_r'>r</div> </div> </body> </html> style.css #tbl_head { background-color: #000000; backgr…

   Asked by Regnum, June 19, 2008

   0 votes
   8 answers
10. DIV"ы наползают друг на друга

    Знаю вопорс элементарный и ответ наверняка есть на форуме. Но поскольку я только-только начал осваивать css, то большинство ответов, которые я нашёл, мне не понятны, а готовые решения мне не нужны - хочу сам научиться. Читал описание позиционирования элементов на этом сайте, но отличия очень смутно понимаю. Поэтому решил создать новую тему. Имеется вот такая беда: HTML: <div class="mes_body"> <div> <div class="mes_info"> Текст левой колонки <div class="price"> Цена находится под текстом слева </div> </div> <!--Фото, тут код не убирал, чтобы не убрать ничего лишнего--> <div class="mes_photo"> {%if $message.fields.i|@count …

    Asked by Atip, August 6, 2011

    0 votes
    2 answers
11. div{display:inline;} в ие6

    добрый день в 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"> <title></title> <style> .d1{ width:300px !important; text-align:center; } .d1 div{ display:inline; margin:0 5px; font-size:40px; } </style> </head> <body> <div class="d1"> <div>123</div> <div>456</div> <div>78945345345345</di…

    Asked by Аксинья, March 29, 2011

    0 votes
    4 answers
12. div+js vs table?

    Вопрос из названия темы: чему отдать предпочтение - верстке таблицами или блочной, но применяя JavaScript? Поскольку нет пока ответа в моей соседней теме, как "повесить" фоновое изображение вокруг резиновых блоков, чтобы с подвалом было все в порядке. Возможно автор сайта сможет также объяснить: на стр. 259 книги "Вёрстка веб-страниц" предлагается при резиновой верстке использовать в качестве фона изображение с заведомо большой шириной, например 2000px: Как в таком случае сделать вертикальную бордюр-косичку вокруг блоков (в том числе резиновых), как в примере выше, где ширина блоков фиксирована? В принципе, о этом уже написано, просто есть ли решения, которые подошли бы…

    Asked by Rossi25, July 26, 2011

    0 votes
    0 answers
13. div+JS в качестве фона

    Доброго времени суток уважаемые форумчане ! Имеется JS для плавной смены изображений (slideshow) Как сделать так чтобы вот это <div class="slideshow"> <img id="aro-1a" alt="" src="http://site.com/images/17.jpg" width="268" height="201" /> </div> <script type="text/javascript"> <!--//--><![CDATA[//><!-- new fx.Slideshow ("17.jpg,18.jpg,19.jpg,20.jpg", { hu: "http://site.com/", n: "1"}) //--><!]]> </script> было фоном для строки <tr> <td width="239" class="top3"><div class="login">{login}</div></td> <td class="top1"> </td> </tr> в данный момент фон задается в CSS …

    Asked by Rams, February 25, 2009

    0 votes
    3 answers
14. div>hover>active>а что после этого?

    Есть блок-спойлер,который после прокликивания должен изменять свою форму: .videoA{ display:block; position:relative; background-color:#191919; border:solid 1px black; border-radius:5px; width:582px; line-height:30px; margin:15px auto 0px; font-size:12pt; padding:0px 10px; box-sizing: border-box; color:white;}.videoA:hover{ color:blue;}.videoA:active{ border-radius:5px 5px 0px 0px;}Но вот проблемка,hover - это изменение во время наведения курсора на блок,active - изменение во время зажима этого блока курсором,мне ещё нужно что бы был ещё один режим который видеоизменял бы этот блок после того как его активировали и вылез скрытый текст спойлера,я…

    Asked by pudge, November 19, 2013

    0 votes
    7 answers
15. Divная верстка

    Ребята помогите сделать каркас. Проблема у меня в том что блок images не позиционируется по центру и на лазит на блоки header и menu по верх. Покажите на коде как Вы такое реализовываете, свой код выкладывать не вижу смыла бо там уже полный бред.

    Asked by istory, January 29, 2013

    • div
    • верстка
    0 votes
    8 answers
16. Divы

    как сделать так чтоб всё было в %, и никуда не уезжало? мусолю этот код уж не первый день, с дивами не работала раньше а также чтоб в #sitebar и #main вставить фото тож в % и что не как? и может что то нужно добавить? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500…

    Asked by yummi, November 30, 2008

    0 votes
    1 answer
17. divы в div

    Пытаюсь сделать вот такую структуру: Задача у меня такая: на общем фоне будут 6 блоков в которые в дальнейшем будут выводиться посты (анонсы). Что-то я делаю не так... Сайт не резиновый и чётко ограничен размерами 1024х800пикс. Подскажите как разложить дивы что бы позиционировались относительно основного дива, а не по экрану?? код: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <div class="menu"> <ul class="menu"> <li><a href="#"></a>&lt…

    Asked by aov000, February 13, 2012

    0 votes
    10 answers
18. Divы выровнять по центру и по горизонтали

    Здравствуйте Всем, верстаю макетик свой. В общем такая проблема. меню состоит из картинок расположенных в ряд одноц линией. каждая картинка заключена в див, по горизонтали я их поставил , а вот как, теперь делать итак, что бы они были еше и по центру. спасибо. вот код html и css <!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> <title>MK</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name ="title" content=""/> <meta name="description" content=""/> <meta na…

    Asked by next, December 29, 2011

    0 votes
    8 answers
19. divы как сложно с ними (проблема с размерами)

    создал контейнер div определенной ширины содержащий другие divы divы описаны в css и распологаются так div c borderом только с низу и float к правому краю потом div c полным borderом с float к правому краю несколко раз повторяется и div c borderом только с низу на оставшийся длине —————————— вот здесь и проблема как это зделать последний div растягивается на весь родительский div —————————— помогите пожалуйста

    Asked by serjico, February 13, 2009

    0 votes
    9 answers
20. DIVы с параметром адщфе и динамическое изменение размеров одного элемента

    Друзья, в общем не знаю можно ли сделать что нибудь с этим или нет но примерно опишу что нужно. В общем есть скрипт, скрипт выводит элементы на экран в контейнере DIV, понятное дело что каждый новый ДИВ переносится на новую строку. Я делаю float:left; тем самым добиваясь размещения на одной строке и переноса на следующую всех не поместившихся. Все бы было отлично если бы не одно НО. В каждом контекнере есть активные элементы, по просту добавляющие элементы формы, тем самым раздвикая мой контейнер (только один!) по высоте, отсюда получается что те контейнеры что были внизу, на второй строчке переносятся дальше, начиная с того, чья высота была изменена. вот код гогда все эл…

    Asked by Master of Code, September 2, 2008

    0 votes
    2 answers
21. Divы, подскажите не опытному)

    Здравствуйте! Есть вот такая задумка мне необходимо сделать так чтобы при пополнении контента(белые прямоугольники) с ними попутно растягивался и красный фон. У меня все это дело при пополнении контента ползет за него.Из за отсутствия опыта понятия не имею как это сделать

    Asked by Plosion, April 5, 2010

    0 votes
    3 answers
22. dl dd в опере

    На страничке http://vm3378.vps.agava.net/catalog/colorr.php?SECTION_ID=8259 во всех браузерах кроме оперы, маленькие картинки (справа от большой картинки нормально показываются) Я сам не верстак, не знаю всех тонкостей. Может кто подскажет как сделать чтобы и для оперы они отображались так же как и во всех других браузерах? А именно справа от картинки.

    Asked by Tchorteg, September 8, 2011

    0 votes
    2 answers
23. DL or UL

    Внимание вопрос Вот есть 2 абсолютно одинаковых меню: http://portfolio.kg-am.com/Example/dl_or_ul/ Кто как считает, на каких списках целесообразнее верстать меню такого типа. Использовать несколько UL списков или же 1 DL список? Есть тут какие-то подводные камни? Кто что использует?

    Asked by Игорь Ермаков, November 10, 2009

    0 votes
    2 answers
24. DL, UL, OL - список в два ряда

    Если я пишу: 0001 0002 0003 0004 0005 0006 то вижу список: 0001 ....... 0006 а как сделать, чтобы было: 0001 0004 0002 0005 0003 0006 вообще возможно?

    Asked by 78Rus, June 10, 2007

    0 votes
    4 answers
25. DL, UL, OL -упорядоченый список

    Создание упорядоченого списка (колонами), без использования таблиц! Подскажите пожайлуста! Зарание благодарен!

    Asked by iipo, June 9, 2007

    0 votes
    2 answers