HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
выравнивание сло?в по горизонтали
Не могу выровнять слои по горизонтали. Можно как то задать чтобы три колонки на сайте были по центру пространства или лучше , занимали весь родительский слой ? Пробовал выставить ширину в процентах, но что то оно то да не до конца ... Помогите пожалуйста! Сайт:vermiculit.com.ua/test
0 votes9 answers -
Выравнивание слоев в ячейке
Здравствуйте! Надеюсь, что разделом не ошиблась. Извините за чайниковский вопрос, но не получается выравнять слои - наверное что-то неправильно понимаю. Есть ячейка таблицы, в которую нужно поместить многослойную резиновую шапку (фон из body, все остальные картинки с прозрачным фоном) высотой 288px: Слой 1: .head2 – здесь лежит картинка 1024 Х 288, выравненная по левому краю , на ней сверху Н1 Слой 2: .head3 – это картинка «правого нижнего угла» - я ее сделала тоже высотой 288, но она приблизительно половину высоты занимает эти 2 слоя нормально легли и нормально «резинятся» друг относительно друга. Слой 3: .head4 - на слой 2 нужно наложить логотип, поместить его фоном не…
0 votes11 answers -
Выравнивание слоёв по нижней границе
Подскажите пожалуйста, как внутренний слой выровнять относительно родительского по нижним границам? vertical-align почему то не хочет работать. #container { width:100%; min-width:400px; height:93px; background: URL(images/new/blue_fill.png) repeat-x; vertical-align: baseline; } #element { margin-left:auto; margin-right:0; margin-top:auto; margin-bottom:0; width: 400px; height:20px; } Вот я хочу #element выровнять относительно #container по правому нижнему углу обоих блоков. И вышеприведённый код почему то не хочет работать. Как правильнее сделать? UPD: HTML: <div id="container"> <div id="element">1 | 2 | 3</div> </div>
0 votes6 answers -
Выравнивание слоёв.
Здравствуйте. Есть код: // CSS .div1{ float: left; width: 20px; } <div class="div1">layer 1</div> <div>layer 2</div> В этом случае layer 1 будет иметь ширину в 20 пикселей, а layer 2 будет идти за ним в одну строку и растянут на всю страницу. Собственно вопрос, а как сделать на оборот? Чтобы layer 1 был растянут на всё страницу, а layer 2 был в правом краю и имел ширину в 20 пикселей.
0 votes12 answers -
Выравнивание слоя в STRICT
Здравствуйте уважаемые знатоки Вопрос в следующем: Знаете ли Вы способ выровнять блочный элемент разного размера (допустим с кнопками партнеров, либо альт. меню) по центру страницы при STRICT верстке? Условия: 1. aligin="center" не предлагать, почему ? смотри еще раз вопрос? :cool: 2. margin: 0 auto; тоже, поскольку надо задавать ширину центрируемого блока (соответственно при изменении информации в нем, может произойти переполнение) Что можете посоветовать? Спасибо.
0 votes16 answers -
выравнивание слоя по вертикали
Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 700px, слой начинает "сьедатся" браузером сверху и снизу. Как это можно устранить? Буду благодарен за совет. сайт в архиве html{ height: 100%; margin: 0; padding: 0; } body{ font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif; margin: 0; padding: 0; background-color:#fff; height: 100%; min-width: 1000px; min-height: 700px; } #content_wrap{ height: 700px; width: 1000px; margin: auto; position: relative; left: 50%; top: 50%; margin-left: -500px; margin-top: -350px; …
0 votes1 answer -
Выравнивание слоя по вертикали
В этом разделе автор предложил способ выравнивания слоя по центру веб-страницы при фиксированной высоте слоя. Есть ли способ выровнять слой по вертикали с помощью стилей, если высота блока неизвестна заранее (зависит от контента)? Например, http://codepen.io/anon/pen/waCKq?editors=110 Нужно, чтобы слой wrap отображался по центру веб-страницы для браузеров IE7+ и последних версий FF, Sa, Ch, Opera. Примечание: использование inline-block и псевдоэлемента wrap:before (для совместимости с IE7 в указанном выше примере display:inline-block установлен для строчного элемента span, а вместо псевдоэлемента использован span class="before"), увы, не привело к желаемому результа…
0 votes3 answers -
Выравнивание слоя по центру
Прочитал в этой статье про выравнивание страницы по центру, однако, для того чтобы сохранить статическую ширину подходит только один вариант <style type="text/css"> #centerLayer { width: 400px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background: #fc0; /* Цвет фона */ padding: 10px; /* Поля вокруг текста */ text-align: left; /* Выравнивание содержимого слоя по левому краю */ } </style> Всё хорошо, только как сделать чтобы этот код работал в IE?
0 votes3 answers -
Выравнивание слоя по центру без указания точных размеров
Как выровнять слой по центру без указания точных размеров этого слоя.
0 votes1 answer -
Выравнивание содержимого DIV
Верстаю страницу при помощи DIVов со свойствами display: table*. Всё выравнивается, но содержимое разных DIVов зависит друг от друга. Допустим, что: <DIV class="post"> ___<DIV class="picture"><IMG src="image.png"></DIV> ______<DIV class="text">Без постановки рук и элементарной музыкальной грамоты польза от занятий сомнительная. Для второго инет сгодится а вот постановку заочно тебе никто не сделает. Можешь найти инфу но не факт что она достоверна и контролировать правильность будет в любом случае некому.</DIV> ______<DIV class="answer"> ____</DIV> </DIV> В левом DIV отображается картинка, а текст среднего DIV идёт от…
0 votes2 answers -
Выравнивание содержимого div по центру по вертикали
Если для ячейки таблицы прописать свойство vertical-align: middle, то получим выравнивание содержимого по центру. Для div такое не работает. Что нужно сделать, что бы получить такое выравнивание?
0 votes14 answers -
Выравнивание содержимого блока DIV по вертикали
Всем привет! Допустим, имеется блок div со следующим описанием: <div style=" border: 1px solid black; height: 200px; width: 100px;">Text </div> Если добавить этот код в HTML документ, то получим контейнер 100px*200px с текстом "Text". Какой атрибут CSS нужно добавить к описанию стиля DIV, чтобы выравнять Text по вертикали по центру нашего контейнера? Да и существует ли такой атрибут? Заранее спасибо за помощь!
0 votes10 answers -
Выравнивание содержимого в таблице
Добрый день! Вот макет таблицы: http://savepic.ru/5551589.jpg Как можно настроить такое выравнивание содержимого? На первый взгляд, это - vertical-aligne:middle; Ан нет Тексты должны выравниваться между собой по верхней строке. Как-то это можно сделать? Есть ли какой-то аналог colgroup для объединения строк?
0 votes3 answers -
Выравнивание содержимого одной колонки таблицы
Добрый день! Помогите пожалуйста. Имеется таблица 3 столбца 100 строк. Как выровнять по правому краю содержимое первого столбца? Через задание стилей тегу Col или Colgroup не получается. <!DOCTYPE html> <html> <head> <style> table, th, td {border: 1px solid black;} th, td {width: 150px;} .col1 {text-align:right; background-color:yellow} </style> </head> <body> <table> <colgroup> <col class="col1" /> <col /> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> …
0 votes1 answer -
Выравнивание содержимого по центру
Как выровнять содержимое сайта по центру, то есть сайт должен быть в полный экран, при изменении размеров окна браузера не должно появляться полос прокрутки, а содержимое "уходило" за окно браузера в одинаковых пропорциях. Пример: 1 2 3 4 5 <body style="width: 100%; height: 100%"> <section style="width: 100%; height: 100%"> </section> </body> Пусть окно браузера имеет ширину/высоту 100%, при уменьшении его ширины/высоты на 10% тег <section> и его содержимое должно "уходить" влево/вверх на 5% и вправо/вниз на 5%. Яркий пример реализации - http://www.blacknegative.com Нечто похожее есть у Лебедева, но его способ не работает при задани…
0 votes9 answers -
выравнивание содержимого ячейки
хочу что бы размер ячейки был = размеру содержимого мой код. TABLE { table-layout: fixed; position: fixed; top: 10px; float: left; left: 790px; font-size: 14px; font-weight: bold; vertical-align: top; } TD { vertical-align: top; }
0 votes1 answer -
выравнивание содержимого ячейки
хочу что бы размер ячейки был = размеру содержимого мой код. TABLE { table-layout: fixed; position: fixed; top: 10px; float: left; left: 790px; font-size: 14px; font-weight: bold; vertical-align: top; } TD { vertical-align: top; } <table width="200" border="1" > <tr> <td><a href="#"><ul>item 1</a></td> </tr> <tr> <td><a href="#"><ul>item 2</a></td> </tr> <tr> <td><a href="#"><ul>item 3</a></td> </tr> <tr> <td><a href="#"><ul>item 4</a>…
0 votes6 answers -
Выравнивание списка
есть такой макет думаю много кто сталкивался с такого рода макетами Как вы поступаете с проблемой на картинке выше? Как бы самое простое решение это задать блоку фикс высоту по максимальному контенту Ещё вот решение это динамически обсчитытвать высоты блоков и задавать максимальную посредством js хотелось бы узнать как вы решаете такую штуку да и список сделан на конструкции <ul><li></li></ul>
0 votes4 answers -
выравнивание списка по ширине для chrome
Всем приятного дня. у меня возникла следующая проблема: Есть некий неупорядоченный список и надо выровнять его по центру. Mozilla и IE выравнивают нормально, но вот Crome и Safari символ маркера ставят в начале строки а сам элемент списка уже выравнивают по центру. К примеру <html> <head> <title>example</title> <style type="text/css"> ul {text-align: center;} </style> </head> <body> <ul> <li>first</li> <li>second</li> <li>third</li> </ul> </body> </html> Была идея просто создать картинку для маркера, вставить ее вначале элемента списка, а list-style-type задать зн…
0 votes3 answers -
выравнивание списка с плавающими элементами
как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left? Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру. Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?
0 votes3 answers -
Выравнивание списка.
Привет всем! Буквально десять дней назад начал изучение HTML и СSS, три дня назад создал свою первую страницу, элементарную. Получилось неплохо, но вот в чем проблема: у меня на странице есть два ненумерованных списка, которые идут один за другим, так вот суть проблемы в том, что второй список выравнивается по первому и получается больший отступ от левого края страницы. Чтобы не быть многословным привожу скриншот. Скриншот Пока что не могу понять, что я сделал неправильно. Фрагмент кода:
0 votes2 answers -
Выравнивание столбцов в opera 9
Здравствуйте, уже 2 дня бьюсь над одной проблемой связанной с отображением страницы в Opera. Помогите разобраться, а то всю голову сломал уже. структуру документа можно посмотреть по ссылке ниже. Цель : отбражение в opere также как в exlorere и firefox, т.е. правая часть должна тядуться вниз до конца, плюс внутренности "Части 1" также должны тянуться. http://1pr.ru/test.html Заранее благодарен всем откликнувшемся.
0 votes6 answers -
Выравнивание страниц под каталогом
Делаю сайт своего магазина. Не могу выровнять страницы под блоками товаров. Страницы всегда получаются наверху. Как правильно написать, чтобы страницы встали по центру под блоками товаров?
0 votes3 answers -
Выравнивание строк в списках
Добрый день. Есть нумерованный список, некоторые элементы списка в 2 строки не помещаются. Что сейчас есть 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст А нужно 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст Это получается сделать таким кодом, но почему-то в IE8 строки расползаются в стороны. (В остальных браузерах нормально) .sidebar_items { list-style-position:inside; padding:0px 10px 0px 10px; margin:0px; } .sidebar_items li { text-indent:-25px; padding:10px 0px 10px 30px; color:#818181; border-bottom…
0 votes5 answers -
Выравнивание строк таблицы по высоте
Всем привет! Есть ли какое решение проблемы по выравниванию высоты строк в таблице, для браузеров хром и опера. Внизу на картинке 1 табличка из IE, там работает автовыравнивание, а 2-я из хрома, там нижняя строка со значениями растянута по высоте. А хочется что бы во всех браузерах было как в IE и мазиле.
0 votes2 answers