HTML Coding

29,542 questions in this forum

1. Выравнивание DIV-ов по низу таблицы

   Имеетс два ДИВа заключенных в ячейку таблици. Надо выравнять DIV-ы по низу таблицы. У меня получается примерно следующее Дивы выравниваются по низу таблицы когда одинаковые. Но когда один из них становиться больше другого то меньший начинает равняться на верх большего, а не на низ таблицы. +———————-+ | | | | | +—--+ +——+| | | 1 | | || | +—--+ | 2 || | | || | +——+| +———————+ Можно это как-то исправить? Вот код: CSS td.logo { height: 82px; width: 250px; padding: 5px 0 0 5px; vertical-align: bottom; } #logo { /* Логотип */ height…

   Asked by zhukovia, August 14, 2007

   0 votes
   7 answers
2. выравнивание div'а внутри div

   <div class="wrapper"> <div class="inner"></div></div>как реализовать разные варианты выравнивания для inner? по горизонтали - слева. по вертикали : вверху, по центру, внизу тоже по горизунтали по центру и по вертикали : вверху, по центру, внизу и по горизонтали справа и по вертикали : вверху, по центру, внизу <div class="wrapper"> <span class="inner"></span></div>и тоже для текста (span, b, и тп) ?

   Asked by torsar, April 10, 2015

   0 votes
   2 answers
3. выравнивание div'а внутри div'а??

   Есть код: <div class="contentTbl_contentTd"> ,,, </div> <h2>Membership</h2> <div class="abMembBox"> Test text <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.jpg" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.org/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> </div> Есть CSS к …

   Asked by ZoolooS, June 18, 2007

   0 votes
   13 answers
4. Выравнивание DIV'ов

   Здраствуйте. Мне необходимо сделать так, чтобы 2 DIV'а внутри 3его шли в ряд имели вертикальное выравнивание по середине относительно родительского: <div class="class1"> <div class="class2">sdfgsdfg</div> <div class="class3">dhfkajhdfkldhf</div> </div> Пытался назначить float: left; второму классу и vertical-align: middle; второму и третьему, но это не сработало. display: inline тоже. Кто нибудь знает как решить проблему?

   Asked by Dethen, November 3, 2011

   0 votes
   2 answers
5. Выравнивание div'ов

   Привет, друзья! Заинтересовался версткой. Это первая попытка. Возник вопрос с позиционированием трех div в одну строку. Пробовал разные варианты Display, не помогает. Float: left частично решает проблему, но работает не во всех браузерах. Собственно, сайт. Вот ccs код. Помогите, пожалуйста! * { margin: 0; padding: 0;}@font-face { font-family: seqoe_wp_light; src: url(Font/SegoeWP-Light.ttf); font-family: seqoe_wp_regular; src: url(Font/SegoeWP.ttf);}body {}.container { margin: 0 auto; width: 1249px; height: 1499px;}header { height: 89px; padding-left: 141px;}.logo { font-family: seqoe_wp_light; font-size: 42px; background: url(images/logo.png) no-repeat; background-posit…

   Asked by IvanRu08, February 1, 2015

   0 votes
   4 answers
6. Выравнивание div'ов внутри div'а если есть float:left

   Есть такое: Как сделать, чтобы картинки выравнивались по центру относительно container? - не помогает.

   Asked by Satiin, July 5, 2007

   0 votes
   7 answers
7. Выравнивание float блоков по строкам

   Привет. Собственно ссылка http://jsfiddle.net/bc2b9jtd/Трудно объяснить что именно я хочу, но я постараюсь. Есть блоки с содержимым, содержимого может быть по-разному: немного или чуть больше, чем немного. Хочется сделать так, чтобы эти блоки шли ровными строками. Совершенно понятно как это решать таблицами: http://jsfiddle.net/bc2b9jtd/1/ А можно ли это как-то решать без них? Не обязательно использовать block, можно inline-block.

   Asked by Veseloff, October 5, 2015

   0 votes
   2 answers
8. Выравнивание header по центру

   Как выровнить header по центру, почему явно заданная высота не выполняется? Вероятно я первоначально делаю не правильно сайт на html+CSS, так сказать не по технологии, но мне важно научиться блочной верстке. <!DOCTYPE html> <html lang=ru> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div class=header>Логотипчик</div> <div class=layer> <div class=content> Контент </div> <div class="sidebar"> Сайдбар </div> </div> </body> </html> body {margin:0; background: #112233} div.header {border: 4px solid; border-color: red; background: #990000; widt…

   Asked by Delat, March 30, 2013

   0 votes
   2 answers
9. Выравнивание img по вертикали и непонятные отступы

   Тренируюсь в верстке, и у меня возникла проблема, у элемента evernote и microsoft в теге .brandline li присутствует непонятный отступ сверху. А так же не удается вертикально отцентрировать логотипы компаний относительно родительских li. Хочу решить эту задачку без использования absolute,table и без JS. Это возможно ? Ссылка на сайт http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/index.html Ссылка на файл CSS http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/css/main.css

   Asked by ProJey, May 22, 2016

   0 votes
   2 answers
10. Выравнивание img по центру

    Всем привет! Помогите с такой проблемой, нужно выровнять div с картинкой внутри, чтобы она отображалась по центру на всех мониторах. Уже несколько часов бьюсь, никак не выходит... p.s в гугл не посылать, только что оттуда)

    Asked by 4 e k, August 10, 2011

    0 votes
    6 answers
11. Выравнивание inline-block по левому краю внутри inline

    Всем доброго времени суток! Пытаюсь выровнять блоки inline-block по центру страницы и по левому края относительно центра, но не могу придумать простую логичную схему. Буду признателен за помощь. http://jsfiddle.net/rm1vb854/ Из примера мы видим что: wrapper центрирует блоки custom относительно container. Но я бы хотел блоки custom выровнять по левому краю относительно wrapper и в тоже время wrapper центровать относительно container. Причем container и wrapper имеют динамическую ширину где wrapper растягивается на ширину влезаемых в одну строку блоков custom.

    Asked by Aeooe, October 26, 2014

    0 votes
    1 answer
12. Выравнивание inline-block по ширине в Chrome и Opera

    В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03">…

    Asked by htmlhtml, November 28, 2013

    • inline-block
    • text-align
    • chrome
    • opera
    • form
    0 votes
    16 answers
13. Выравнивание input

    Всем привет! Сейчас делаю разметку блока для мобильной версии и не могу выровнять (растянуть) инпут как на макете. Код блока такой https://codepen.io/Schamil74/pen/GWQLbQ Отрывоке макета приложил. Здесь нужен вариант выравнивания инпутов, типо margin-right: 0. А вот как их растянуть до текста не догоняю))))

    Asked by Schamil74, March 21, 2017

    • input width
    0 votes
    4 answers
14. Выравнивание input и кртинки

    Есть код <input tupe='text' style='height: 11px;'><img src='/css/images/enter.png'> Хочу эти два элемента выровнять по центру по вертикали. Никак не получается. По стандарту прописываю картинке align='middle' - не работает нигде, align='center' решил проблему, но только в хроме. Хром(как надо): Как всегда получается:

    Asked by Dazar, August 23, 2012

    0 votes
    1 answer
15. Выравнивание input относительно текста

    Как сделать выравнивание input относительно текста или текст относительно input вот здесь hxxp://svitelektro.com.ua/shvvp.html кривовато получается

    Asked by SKM, May 23, 2011

    0 votes
    4 answers
16. Выравнивание javascript-фрейма по центру

    Здравствуйте! Вот уже все перепробовал, CSS плохо знаю, но что знаю, то попытался применить. Но в итоге - javascript-фрейм вида <script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=ххххх></SCRIPT> форматируется посередине только топорным параметром align HTML тегов. Как с помощью CSS выровнять его по центру? text-align не работает. Ой, нет, это я не на то взглянул, по-прежнему не работает. Вот: <div style="text-align:center;"><script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=461288></SCRIPT></div>

    Asked by 7ion, June 10, 2009

    0 votes
    4 answers
17. Выравнивание li в колонку и переход к следующей, если все элементы не уместились в первой.

    Друзья, добрый вечер! Возникла задача сверстать список. Задача такая: дано, например, 17 li в ul. Требуется, чтобы "по умолчанию" они выравнивались вертикально строго друг под другом в колонке. Колонка может поместить в себе 15 li. Так вот с первыми 15 все ясно, а 2 оставшихся должны переместиться в колонку правее и также выравниваться друг под другом в формате уже другой колонки, но одного списка ul. Как это реализовать? float: left не подходит тут, потому как тогда все li будут строиться сразу в 2 колонки, а главным условием является сперва полное заполнение первой колонки и далее уже, если не поместились в первой, показывать их в колонке рядом. Спасибо.

    Asked by simplehtml, June 10, 2014

    0 votes
    2 answers
18. Выравнивание ul в ячейке таблицы по правому краю

    Здравствуйте. Помогите пожалуйста выровнять список (пагинацию) по правому краю ячейки. Что я только не делал: text-align: right в теге TD не помогает, пробовал float:right в теге DIV - выравнивает, но не так как надо; пробовал в каждый тег LI ставить float:right - но тогда список переворачивается задом-наперед. Привожу примерный код (в моем случае LI отображаются в цикле на PHP): <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <table border="1" style="width: 100%; border-collapse: collapse;"><tr> <td style="border: 1; width:15%;">Что либо</td> &lt…

    Asked by gegmaster, September 15, 2011

    0 votes
    2 answers
19. Выравнивание абсолютно позиционированного (резинового) дива по центру

    Подскажите как выравнить абсолютно позиционированный (резиновый с неизвестной шириной) div по центру?

    Asked by vladimir_lwlx, October 26, 2010

    0 votes
    2 answers
20. выравнивание абсолютно позиционированного блока по центру

    Здравствуйте! Есть логотип, размером 300 на 100, неровной формы gif без фона, который должен размещаться по верх верстки шапки ровно по центру страницы. Я его разместил следующим образом: <div class='logo'><a href='#'><img src='/img/logo.gif'></a> div.logo {position: absolute; top: 12px; width: 100%; text-align: center;} И все бы ничего, но под 100% ширины слоем оказались ссылки, которые находятся на одной горизонтальной линии с логотипом, слева от него. В IE ссылки работают, а вот в хроме и мазиле нет, т.к. оказались под слоем. Как сделать слой шириной не 100% а 300px и разместить его по центру. В идеале параметр left: 50% - 150px Либо вообще н…

    Asked by fiver, May 22, 2012

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

    Как выровнять блок вертикально по центру экрана ? { display:table-cell; text-align:middle; } почему то не работает ( или то я что то не так делаю ) обьясните в общем плз как выровнять по центру блок ( например с шириной 400 и высотой 600)

    Asked by MaferoK, August 1, 2011

    0 votes
    11 answers
22. Выравнивание блока и input

    <!DOCTYPE html> <html> <head> <title>Добавление адресата</title> <style type="text/css"> body { font-family: "arial", sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: 400; line-height: 110%; color: #333333; } .side1 { margin: 0pt 2% 0pt 0pt; padding: 0px 0pt 0pt; width: 65%; overflow: hidden; min-width: 550px; } .big_input { width: 99%; } select.big_select { width: 85%; /*min-width: 350px;*/ max-width: 715px; } .dark_grey { margin: 0pt; padding: 1pt 15px 7px; background: rgb(228, 228, 228) none repeat scroll 0% 50%; } .big_textare { margin: 0; display: block; width: 99%; cli…

    Asked by apv1989, June 16, 2011

    0 votes
    6 answers
23. Выравнивание блока меню относительно кнопки вызова

    Доброго дня! Есть многоуровневое меню (картинка 1) Жму на кнопку Каталог - открывается блок с дополнительным содержимым. В этом содержимом есть подменю и под-под меню. Проблема тут такая часть содержимого из правого под-под меню не умещается на экране. Все потому, что блок с доп. содержимым относительно кнопки КАТАЛОГ открывается с выравниванием по левой своей части. Вот код в этом положении .cs-menu-container .dropdown, ul.type-category li .sub-cate { position: absolute; top: auto; left: 0; z-index: 1000; float: none; min-width: 230px; padding: 0; margin: 0; border: 1px solid #cccccc; border-top:2px solid #c04a62; background: #ff…

    Asked by Рома, April 22, 2018

    • меню
    • кнопка выравнивание
    0 votes
    2 answers
24. Выравнивание блока по вертикали

    Блок Block1 находится внутри блока BlockMain. BlockMain имеет динамическую высоту и зависит от контента. Подскажите, пожалуйста, как центрировать по вертикали блок Block1? Забегая вперед, margin: auto 0px; - не помогает

    Asked by TorchTT, April 10, 2012

    0 votes
    2 answers
25. Выравнивание блока по центру

    Добрый день. Есть такая проблема, помогите, пожалуйста, с решением. Мне нужно реализовать 3 фиксированные колонки такого рода - одна прибита к левому краю, вторая расположена по центру, третья прибита к правому краю. Проблема в следующем. Визуально макет резиновый и зависит от ширины браузера, поэтому я не могу использовать margin-left, ведь я не знаю точное значение отступа слева. Иными словами мне нужен некий аналог свойства align="center" таблиц только в CSS и для блоков. И важный момент - нельзя использовать абсолютное позиционирование т.к. макет подразумевает наличие подвала. Спасибо.

    Asked by Alsabel, April 9, 2012

    0 votes
    11 answers