HTML Coding

29,542 questions in this forum

1. Три колонки и footer, как работает, не могу разобраться

   Изучаю один видео-курс по верстке и не могу понять как работают дивы "out" и "in". Без них отображается неправильно. * { margin: 0; padding: 0; } html, body, #container { height: 100%; } html { background: #fff; color: #333; } #container { min-width: 800px; max-width: 1000px; margin: auto; background: url(../i/left.png) repeat-y; } #main { min-height: 100%; margin: 0 0 -100px; background: url(../i/right.png) repeat-y 100% 0; } #all { overflow: hidden; padding: 0 0 100px; background: url(../i/left.png) repeat-y; } #out { float: right; width: 100%; margin-left: -200px; } #in { float: left; width: 100%; margin-right: -200px; } #lef…

   Asked by nitro, September 27, 2012

   0 votes
   0 answers
2. три колонки на div для разного фона по краям

   был вариант: фон: body { background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top; } сам сайт: .container { min-width:900px; max-width:1600px; width:100%; } т.е. снизу был повторяющийся фон который сочитался с шапкой сайта и если окно становилось шире картинки в шапке то он ее продолжал в обе стороны. Теперь хочется сделать вариант когда слева и справа шапки должен быть разный повторяющийся фон. направо уходит бесконечный хвост от логотипа например. 3 колонки делаются по примерам так: .container_main { position: relative; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .container_center { width:90%; margin: 0px 5% 0px …

   Asked by severum, December 28, 2009

   0 votes
   8 answers
3. Три колонки на дивах

   Мучаюсь с трехколоночным макетом на дивах. Левая и правая колонка фиксированы по ширине (250px), высота auto. Центральная колонка занимает все оставшееся пространство. Проблема с относительным позиционированием правой колонки, float не срабытывает как надо, колонка относительно правой стороны встает как надо по горизонтали, но опускается под центральную по вертикали, что я только не делал..... Если ее позиционировать абсолютно, то все встает на свои места, но это не годится, т.к. в том случае если она длиннее остальных колонок, то уходит под подвал, т.к. в общем потоке она не существует. Я новичек, подскажите как правильно??? вот HTML: <div id=head> <div id=head…

   Asked by termit, February 8, 2010

   0 votes
   10 answers
4. Три колонки превращаются в две

   Есть страничка содержащая три колонки. Колонки могут быть разной высоты. Каким образом можно сделать так чтобы при скрытии правой центральная автоматически расширялась вправо?

   Asked by BabyWolf, May 18, 2009

   0 votes
   2 answers
5. Три колонки с двумя резиновыми

   Привет. Мне нужно сделать три колонки: 1 2 3. Первая с левого края резиновая — по ширине текста внутри неё. Вторая резиновая от первой до третьей. Третья с правого края — её можно считать фиксированной, допсутим, шириной 100 пикселей. Хоть тресни — не понимаю как сделать, хотя кажется, что вообще всё элементарно. Прямо хоть таблицей делай. Я выжил из ума или это и правда как-то нетривиально?

   Asked by Veseloff, January 28, 2015

   0 votes
   11 answers
6. Три колонки, вторая - в центре, и имеет фиксированную ширину

   Нужно сделать так, чтобы центральный слой имел фиксированную ширину (например, 800px), а 2 других обтекали его слева и справа, заполняя оставшееся место в окне браузера. Никак не получается, наверно из-за погоды. body { /* стиль всего документа */ background: #fff url(img/gradient.png) repeat-x; padding: 0; margin: 0; } div.top_center { background: url(img/top-center.png) top center no-repeat; width: 800px; height: 300px; margin: 0 auto; } div.top_left { float: left; background: url(img/top-left.png) top right repeat-x; height: 300px; } div.top_right { float: right; background: url(img/top-right.png) top left repeat-x; height: 300px; } Не зна…

   Asked by tigerpvr, September 29, 2010

   0 votes
   6 answers
7. Три колонки, крайние тянутся, центральная фиксированной ширины.

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

   Asked by mozart, October 8, 2008

   0 votes
   7 answers
8. три колонки, минимальная ширина, резиновый дизайн

   не могу допЭтрать.. :/ таблица ,в ней 3 ячейки, из них выбирается одна, например 2-ая и расстягивается, если ширина окна увеличивается. объясните плиз, вот в таблицах вс? просто: <table width="100%" height="27" cellpadding="0" cellspacing="0" border="1"> <tr> <td width="528"><img src="w01.jpg"></td> <td background="w02.jpg"><img src="1px.gif" width="1" height="1"></td> <td width="418"><img src="w03.jpg"></td> </tr> </table> как это в css сделать?? я блин вообще не шарю, второй день мучаю этот код, ничего не выходит: <html> <head> <meta http-equiv="Content-Type" content="text/htm…

   Asked by maza, August 1, 2007

   0 votes
   74 answers
9. Три кусочека (зачёркнуто) слоя фона - градиент, заливка и рисунок. Бывает?

   Да, я умею создать проблему на ровном месте. В данном случае требуется создать шаблон для объявления, состоящий из двухцветной рамки, белого поля для текста и логотипа в его правом нижнем углу (См.пример). Первое, что приходит на ум - создать DIV с фоном - первый уровень заливки с градиентом, на него наложить белый фон и на него уже в уголок - логотип. Например, использовать параметр border-box для градиентной заливки, padding-box для белой, а логотип - в правый нижний угол content-box. Но, конечно, я всё делаю неправильно и ничего не работает. Как я понимаю, именно заливка цветом ломает работу множественных фонов. А в принципе это возможно, или нужно усложн…

   Asked by SergeAnt, June 23, 2021

   0 votes
   13 answers
10. Три окна

    Идея такая. Три div или td или li. Стоят в 1 строку, будут создавать верхнюю часть для сайта. Необходимо сделать следующие. Первая часть(самая левая) будет задана ширина, если быть точнее то 49px. Вторая (центральная часть) должна становиться шири или уже зависимо от текста. Третья должна регулироваться зависимо от второй. При этом у каждой будет свой backgound. Вот эти три картинки.

    Asked by darewangog, October 28, 2010

    0 votes
    1 answer
11. Три плавающих элемента.

    Есть три элемента, внутри header: <div id="header"> <img src="..." id="t1" /> <img src="..." id="t2" /> <div id="t3"> ... </div> </div> #header {width:100%; height:100px;} #header #t1 {display:inline-block; width:80px; height:80px;} #header #t2 {display:inline-block; width:230px; height:80px;} #header #t3 {display:inline-block;} Как расположить их так, чтобы t1 был прижат к левому краю, t2 по середине, а t3 прижат к правому краю?

    Asked by Atilla, September 19, 2009

    0 votes
    1 answer
12. три состояния у SVG: закрасить svg (свойство fill не помогает)

    у svg должно быть три состояния обычное, при наведении, при нажатии думаю как это сделать Vне бы хотелось его вставить в html разметку, а не просто с помощью bsckground-position. Т.к. я хочу анимации при наведении (transition). И я могу менять цвет обводки с помощью css-свойства fill. Но есть еще одно состояние когда картинка полностью закрашена. Как сделать чтобы то же свг закрашивалось полностью (например при добавлении класса)? У меня не получается просто добавить css свойство для этого Какие есть еще идеи? https://jsfiddle.net/ypqz5Lh6/

    Asked by yaparoff, April 2, 2019

    • svg
    0 votes
    13 answers
13. Тройная рамка вокруг содержимого

    Добрый вечер. Появилась задача сделать такую кайму по периметру всего содержимого сайта: Это три borderа в трёх вложенных блоках?

    Asked by borus, November 27, 2011

    0 votes
    2 answers
14. трудно устроиться верстальщиком работать на дому со свободным графиком?

    Я просто изучаю html, css, java script, чтоб начать карьеру в интернете с должности верстальщика. А ответ на вопрос насколько реально найти работу, так и не выяснил

    Asked by jentlmen, July 7, 2012

    0 votes
    20 answers
15. Трудности верстки меню на <li>

    Добрый день. Столкнулся с маленькой трудность при оформлении бокового меню на сайте. Изначально меню должно смотреться вот так. Категории берутся из Бд и прописать CSS для каждой строчки отдельно не представляется мне возможным. Поэтому для li были забиты обычные border-bottom: 1px solid #cfc7b2; border-top: 1px solid #f1ece0; В результате получил замечательную полоску между категориями, но и сверху и снизу каталога они существуют и рвут дизайн. Код запроса по категориям.. <li><a class="cat_href<? if (@$_GET['s_c']==$show_sub_cat['id'] ) echo "_sel";?>" href="index.php?<? show_href_lang($_GET); ?>&m_c=<? echo $show_cat['id']; ?>&s_…

    Asked by Kiri Komori, January 16, 2011

    0 votes
    2 answers
16. Трудности при вёрстке меню сайта.

    Итак ... Проблема заключается в неопытности в вёрстке . Есть меню , обычное . При нажатии на главное меню кидает на главную , при нажатии на "Фото" кидает на фото . "Фото" состоит из тех же элементов что и "Характеристики" кроме текста , и пары других незначительных вещей . Как сделать переход на "Фото" или "Характеристики" , "Отзывы".Нужно ли создавать по 20 страниц , или можно сделать так чтобы просто менялась часть сайта ? в любом случае если что-то понадобится то пишите , я скину код или скриншот .

    Asked by maxempolk, December 25, 2017

    • вёрстка
    • html
    • css
    0 votes
    0 answers
17. Трудности резины

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

    Asked by skygazer, February 9, 2012

    0 votes
    1 answer
18. Трудности с версткой в Opera и IE

    Всем привет! Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете? И еще принимаются критика, рекомендации, совету и прочее! Благодарю за внимание!

    Asked by XuLLlHuK, December 6, 2013

    • border-top-radius-left
    • border-top-radius-right
    • opera
    • text-indent
    0 votes
    11 answers
19. Трудности с позиционированием

    Доброго времени суток. Начал применять свои теоретические навыки на практике и столкнулся с небольшими трудностями. Прикладываю рисунок, того что должно быть и результат получившейся вёрстки. Вроде, всё кроссбраузерно, кроме как в IE. Как там округлить границы блоков? И ещё когда нажимаешь на textInput, то он выделяется жёлтым цветом, видел в Twitter-e и на других сайтах, он либо вообще не выделяется, либо выделяется, другим цветов(под цвет дизайна). Как это сделать? Теперь непосредственно к основной задаче: Вот как должно выйти: http://i082.radikal.ru/1209/96/c71bd55a88a9.png Вот вёрстка, которую я сделал: http://rghost.ru/40568111 Вероятно, вы увидели различия. Хотелось…

    Asked by ohinem, September 25, 2012

    0 votes
    2 answers
20. Трудности с размерами (width/height)

    Здравствуйте. Недавно начал изучать блочную верстку. Сайт-пример получился на отлично. От оригинала не отошел ни на йоту, вроде бы разобрался, а начал свой и столкнулся с некоторыми проблемами. А конкретнее следующее. Для ячейки таблицы прописываю следующие параметры: td.shadow { width: 100%; height: 37px; } и не работает ни один ни второй параметр. Причем по всей таблице несколько таких косяков. В чем может быть проблема?

    Asked by Тиар, August 30, 2008

    0 votes
    14 answers
21. Трясет элементы при скроллинге в Parallax эффект

    нашёл подходящую тему. как удалить эту тему?

    Asked by across, January 10, 2014

    • parallax
    0 votes
    0 answers
22. Тупой вопрос

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

    Asked by Игорь Ермаков, March 3, 2009

    0 votes
    11 answers
23. Тупой макет, помогите!

    Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…

    Asked by vvsh, December 26, 2008

    0 votes
    1 answer
24. Тупые углы на CSS

    Ребят, всё утро бьюсь и мучаю гугл. Нужно при помощи CSS оформить тупые углы с левой стороны, как вот тут: Уже шарики за ролики скоро поедут , дайте хотя бы идеи как это сделать. Спасибо за ранее.

    Asked by safrankov, January 22, 2012

    0 votes
    4 answers
25. тэг {edituser}

    Доброго Вам время суток. столкунля с проблемай двиг DLE надо сделать что бы 1 стал такимже как 2 .userinfo { padding-left: 125px; } .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; } .userinfo .l_con { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .r_con { width: 100%; } .userinfo .rcol ul { margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 2px; }

    Asked by trooper, February 26, 2012

    0 votes
    2 answers