HTML Coding

29,542 questions in this forum

1. Выравнивание по центру резины в резиновом div

   Всем привет! Начал верстать свою 3-ю работу и решил взять шаблон посложней а именно этот! и решил себе усложнить задачу, решил сделать резиновую ширину и высоту, но столкнулся с трудностью. Значит есть резиновый div(С заданной мин и макс шириной), в нем ещё 2 дива, один из них фиксированный а другой резиновый(тоже с заданной мин и макс шириной), но проблема в том, что Я никак не смог добиться выравнивания элементов по центру внутри этого div. (Это конечно заметно только при масштабировании и если макс ширина будет меньше чем разрешение на мониторе, но все равно напрягает) И ещё один вопрос, когда мы задаем одному блочному элементу float: left; и Я думал что весь блок нахо…

   Asked by li4e, April 21, 2013

   0 votes
   1 answer
2. Выравнивание по центру с float

   Добрый день. подскажите пожалуйста как сделать так: Есть 4 дива резиновой шириной. все они находятся в блоке с заданной высотой и минимальной шириной.при сужении окна браузера, если блок не входит в указанную ширину, четвертый блок пропадал и оставалось три блока по центру. проблема в том, чтобы блоки всегда оставались по центру в независимости от того сколько их внутри. сделала в общем Div, в нем еще 4 div, расположены с display: inlin-block. как только не влезает в ширину, блок падает вниз и обрезается overfloW:hidden. но как только обрезалось, блоки по левому краю, а мне надо чтоб они стали по центру. Спасибо за ваши ответы.

   Asked by Ennet, May 28, 2012

   0 votes
   1 answer
3. Выравнивание по центру списка

   Есть меню, пытался выравнить текст по центру, в итоге в фф и опере ничего не получилось. Подскажите. html <div id="nav_green"> <div id="left_green"></div> <div id="right_green"></div> <div id="menu_green"> <ul id="nav_ul"> <li class="nav_top_li"><a class="nav_li" href="#">Уход за волосами</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Стайлинг</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за лицом</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за телом</a>&l…

   Asked by Gleb-k, January 3, 2011

   0 votes
   16 answers
4. Выравнивание по центру страницы.

   Комрады хелп. Есть вот такая картинка: http://clip2net.com/s/6jEyou Пытаюсь сделать так: <div class="page-not-found"> <div> <h2>Ошибка</h2> <p>Страница, которую вы ищете не существует, либо устарела.</p> <p>Вы можете перейти на <a href="/">главную.</a></p> </div> </div>.page-not-found h2 { font-family: 'Comfortaa', cursive; font-size: 18px;}.page-not-found { background: url(../images/page-not-found_bg.png) left 20px no-repeat; padding: 0 0 0 80px; display: table;}.page-not-found div { …

   Asked by faynoit, December 4, 2013

   0 votes
   4 answers
5. Выравнивание по центру элемента, который шире, чем его родитель

   Возникла подобная задача, нужно было сделать ряд из элементов (логотипов компаний) неизвестного количества, который выровнен по центру макета с фиксированной шириной и уходит за границы документа. Задачу решил (почти случайно, поиск в интернете натолкнул на мысль), но если честно, до сих пор не могу понять до конца, как это работает (и точно ли работает, вдруг где-то очевидный косяк?). Такого решения задачи в сети не находил (плохо искал, уверен, что есть), нечто похожее - http://www.greywyvern.com/?post=323, но там требуется дополнительный враппер. Работает вроде бы везде. Фишка в одинаковых отрицательных маргинах с обоих сторон (нужно, чтоб они были достаточно большими,…

   Asked by zenw, June 6, 2015

   0 votes
   1 answer
6. выравнивание по центру, IE

   сломал голову уже. IE выравнивает по центру, к примеру, первую (начальную) страницу, но не хочет равнять внутренние. что делать? на домашней машине перепробовал всё: он слушается margin только в конкретных значениях в px, когда ставлю auto — уезжает влево. help, please. http://kupeev.com

   Asked by virus-07, November 28, 2010

   0 votes
   1 answer
7. выравнивание по цетру

   Есть сайт http://clck.ru/QIwU Когда заходим на сайт с ipad или с монитора маленького разрешения то сайт показан с левого края. Как можно сделать чтобы сайт открывался и был по центру монитора?

   Asked by Tchorteg, December 1, 2011

   0 votes
   3 answers
8. Выравнивание по-центру абсолютного блока с неизвестной шириной. Возможно?

   <style type="text/css"> .temp1 { position: absolute; left: 40%; border: solid 1px black; } .temp2 { position: absolute; border: solid 1px red; top: 200px; left: -50%; } </style> <div class="temp1"> <pre class="temp2"> </pre> </div> Вот есть у меня блок: тег pre, я не знаю его ширину. Но мне нужно его спозиционировать по центру... Возможно ли это?

   Asked by Xoce, March 9, 2010

   0 votes
   2 answers
9. Выравнивание подписи по нижнему краю рисунка

   Здравствуйте. У меня есть широкое изображение, подпись к нему, и неограниченное количество текста сверху и снизу. Как задать ширину изображения в 60% экрана и расположить подпись по нижнему его краю вот таким образом? Исходный код: <div class="img"> <img alt="" src="http://designyoutrust.com/wp-content/uploads/2011/01/eli-neugeboren-fashion-monsters-06-600.jpg" /> </div> <p class="under-picture">Test image sign.</p> <p class="text">Text text text...</p> Демонстрировать можно здесь: http://www.webdevout.net/test?02f Прошу прощения. Вовсе не собирался спамить. Просто кнопка создания темы никак не реагировала на нажатие, вот я и кл…

   Asked by Ugo, January 13, 2011

   0 votes
   6 answers
10. Выравнивание ПОДтаблицы

    Вроде форумом не ошибся))) Помогите траблу убрать..... Первая таблица уезжает вниз. Как сделать что б их шапки были на одном уровне? Заменить две таблицы одной не предлагать -- данные генерятся динамически, поэтому это исключено. <table border=1> <tr><td> <table style="vertical-align: top;"> <tr class='title'><td>Òåëåôîí</td><td>Äåéñòâèÿ</td></tr> <tr class='subtitle'> <td><p align="left">......</p></td> <td><a href='.......'>Ðåäàêòèðîâàòü</a> <a href='......'>Óäàëèòü</a></td> </tr> <tr class='subtitle'>…

    Asked by segods, August 15, 2007

    0 votes
    2 answers
11. Выравнивание поля формы с изображением

    Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. form.htm <HTML> <TITLE>Form</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <FORM method="post" class="cform" id="cformsform"> <FIELDSET class="cf-fs1"> <OL class="cf-ol"> <LI id="li--1"><LABEL for="cf_field_2"><SPAN>Your name&lt…

    Asked by Almaz, December 24, 2008

    0 votes
    3 answers
12. Выравнивание последней строки

    Как сделать выравние последней строки так, чтобы картинки шли под позицией верхних, а не как для центра и не пойми как по всей ширине: center: http://jsbin.com/ogiPEgiS/1/edit justify: http://jsbin.com/otavaFIQ/2/edit Т.е. выравнивание должно быть по центру. 3яя строка должна быть в той же позиции что и 2ая, только без 3его элемента.

    Asked by TrueMax, February 1, 2014

    0 votes
    11 answers
13. Выравнивание прокрутки текста по вертикали

    Здравствуйте. В который раз не могу выставить в нужное место блок div, блок прокрутки текста div id="target". Он должен стоять корректно под заголовком, но уходит по вертикали, вниз, вытесняя вниз код перехода страницы и нижний колонтитул рисунка. Пробовал через CSS, не получается. Как все таки вставить текст с прокруткой под заголовок? http://savepic.su/1317510.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" />…

    Asked by resurs, February 13, 2012

    0 votes
    11 answers
14. Выравнивание пункта меню при наведении

    Добрый день, у меня не получается выровнять пункт меню по центру по вертикали, при наведении мышки (показано на картинке вот тут http://take.ms/1TnDK) Сам сайт http://okhtyrka.in.ua/works/medorelax/index.html

    Asked by lindim3000, April 2, 2014

    0 votes
    4 answers
15. Выравнивание пунктов меню

    Подскажите, пожалуйста как сделать чтобы слева,справа и между пунктами было одинаковое расстояние. У меня не выходит чтобы справа от пункта FAQ было столько же сколько в начале меню. Или здесь без списка ul,li не обойтись? ссылка на проблему http://troshka.hut4.ru/ (смотреть только на зеленое меню, остальное просто накинул) И еще вопрос, как сделать тень как в примере решения здесь(от зеленого меню сверху и снизу темная полоска) http://divhack.com/downloads/study/3/html/ Только выполено как фон картинкой, а я хотел сделать тенью (ведь это более современный вариант верстки?) Думал наложу 2 тени сверху и снизу для для <nav> , но безрезультатно.

    Asked by ВикторТрошка, January 2, 2013

    0 votes
    4 answers
16. Выравнивание пунктов меню (без li)

    Нашел интересную менюшку с анимашкой. Расположил все пункты горизонтально. В верстке не используется ul, li. http://karelin.tk Не получается отровнять пункты...видим как у пункта Design по бокам много пустого места, а между Typography и Freebies слишком мало и т.д. В зависимости от длинны слова (пункта) верстка плывет. Помогите решить проблему. Вот css: http://karelin.tk/css/default.css

    Asked by xSPiRiTx, December 19, 2012

    0 votes
    7 answers
17. Выравнивание пунктов меню с задержкой

    Стили меню прописаны следующим образом. При загрузке страницы, все пункты меню сдвигаются влево в кучу (float:left). Спустя секунду только встают на свои места. Что тут не так? div.top-menu-holder {width: 959px;margin: 0px auto;}div.top-menu {position: absolute;width: 957px;height: 50px;border: 1px #e1e2e6 solid;background-color: white;margin-top: -26px;overflow: hidden;}div.top-menu ul {padding: 0px;margin: 0px;list-style: none;width: 100%;overflow: hidden; background: white}div.top-menu ul li {display: block;float: left;background: url(images/menu-sep.gif) no-repeat left 20px;font-size: 11px;text-transform: uppercase;}div.top-menu ul li a {display: block;padding-top: 18…

    Asked by m1kas, April 3, 2014

    0 votes
    9 answers
18. Выравнивание пунктов списка с добавленным элементом

    День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Поиске в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px; display: grid; marg…

    Asked by AndrewLite, September 28, 2020

    0 votes
    0 answers
19. Выравнивание пунктов списка с добавленным элементом

    День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Размер картинки 64x64. Поиски в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px;…

    Asked by AndrewLite, October 1, 2020

    0 votes
    4 answers
20. Выравнивание раскрывающегося списка.

    Подскажите, как выровнять текст в раскрывающемся списке, а именно выделенный пункт списка, а не весь список Пр. <select id="form"> <option selected="selected">Text1</option> <option>Text2</option> </select>

    Asked by Alex&R, February 9, 2011

    0 votes
    6 answers
21. Выравнивание рисунков в слое

    Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…

    Asked by fazley, April 7, 2012

    0 votes
    5 answers
22. Выравнивание ряда картинок по вертикали

    Внизу сайта http://teplogid18.ru/ есть картинки http://joxi.ru/812MkDqU4Ea1rJ Как их выровнять по одной линии? http://joxi.ru/DBA0wpPfBQO42y

    Asked by smirn0ff, December 1, 2014

    0 votes
    3 answers
23. выравнивание с помощью float

    Вопрос следующий. Почему при: float:left; - картинка обтекает текст, а при float: right; - нет? https://jsfiddle.net/ukd7pema/6/

    Asked by User357, April 22, 2020

    0 votes
    7 answers
24. Выравнивание сайта по центру

    Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…

    Asked by user135, August 30, 2012

    0 votes
    7 answers
25. Выравнивание сайта по центру

    Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…

    Asked by user135, August 30, 2012

    0 votes
    3 answers