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
-
Вёрстка "мудрёного" меню
Здавствуйте! Помогите советом сверстать меню такого типа http://s57.radikal.ru/i158/1303/fb/c82552ddc2b3.jpg, собственно его я сверстал относитильным позиционированием, но вдург есть другой способ, да к тому же место под logo что забронировали menu осталось, как от него избаиться так же не пойму. Html code css #menu1l{ width: 250px; height: 50px; border: 1px solid green; float: left; position: relative; bottom: 350px; left: 100px; }
0 votes1 answer -
Верстка "слайдера"
Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.
0 votes3 answers -
Вёрстка 3 блоков
Доброго времени суток! Имеется 3 горизонтальных блока Первый и последний имеет заданную ширину, второй - резиновую ( в процентах) Проблема: когда меняешь разрешение, то 3 блок налезает на второй, как это можно устранить? Пример к чему стремлюсь, главная страница майл . ру , а именно блок с новостями по середине, когда меняешь разрешение сужается именно он, остальные остаются на месте. Заранее благодарю.
0 votes5 answers -
верстка chrome с изменением размера браузера
Сделал простую табличку , в свойствах поставил width = 100% Заполнил несколько строк Но возникает проблема, если в ячейку записываю слишком длинный текст. то при разрешении экрана 320 х 480 уменьшается размер таблицы всей.(и размер этого текста уменьшается, но он вроде засовывается весь), как лучше сделать так, чтобы табличка не уменьшалась.
0 votes1 answer -
Верстка CSS - вопросы по моему сайту
Всем привет! Я скачал, посмотрел и выполнил все (почти все) уроки по html и css - и собрал демо-версию своего сайта, он очень простой - трехколоночный информационный сайт (он будет посвящен компьютерной графике). Я прилагаю его в архиве http://files.mail.ru/QK7K71 потому что писать здесь код неудобно, он достаточно большой, к тому же в оформлении я использовал картинки. Но у меня возникли трудности. В архиве находятся две папки - в одной из них сам сайт (папка img с картинками, файлы сайта verstka-div.css и verstka-div.htm, а в другой папке рисунок (Он называется "Вопрос" на котором я показываю области, которые я не могу разместить на сайте.) На местах отмеченных знаком …
0 votes8 answers -
Верстка CSS меню
Доброго всем вечера! Возникла проблема при верстке меню средствами html и CSS без использования фоновых картинок. В приведенном ниже изображении первая ссылка находится в обычном состоянии, а вторая в состоянии hover. В принципе сам вопрос в том как сделать полоски идущие по верхней и нижней границе меню, как я понял свойством border так не обрисовать ибо полосы идут чуть ниже границы. Прошу помощи!
0 votes3 answers -
Вёрстка css с процентами
Добрый день господа. Я начинающий, можете пожалуйста помочь. У меня сайт построен впринципе на div`ах. Дело в том, что если разместить два div`а рядом как две колонки, а затем начать уменьшать ширину окна браузера - правая колонка уходит под левую. Никак не могу разобраться. А ещё если я в колонки добавляю padding то автоматом опять же правая уходит вниз. Что делать?
0 votes1 answer -
Верстка div
Допустим в ячейки есть такой код: <td> <input type="hidden" name="opi" value="ds"> <a href="#">Отправить</a><img src="images/foto.jpg"> </td> Как на css, сделать так чтобы ссылка и картинка стояли рядом через 3 пикселя и выравнивались по правому краю по горизонтали и по вертикали по середине? Шоб во всех браузерах это сработало! Тобишь непонятно как сделать вложенный див для разных объектов
0 votes2 answers -
Верстка DIV
Вот решил на див переходить, на пинайте, хочу спросить основы! Как сделать фиксированными несколько блоков при определенном разрешении,чтобы не было съезда? Верстка смешаная таблица и div, таблица тянется по высоте и ширине, центральная колонка фиксировнная в шапке будут блоки div, так же блоки div в центре и внизу! Дайте хорошие примеры, по реализации такого макета, чтобы понять суть верстки div, плиз.
0 votes11 answers -
Верстка DIV
Возникла проблема с div. Суть вот в чем: есть главный div, в нем есть дочерний в котором строится таблица. При налиции большого объема данных дочерний div должен выходить за рамки главного. что то типо этого. Проблема в том, что в IE 7 дочерний div не выходит за границы главного, перекрывая примыкающий справа div. как это можно исправить. PS: в FF все отображается как надо
0 votes9 answers -
Верстка div
Здравствуйте! Только начал осваивать CSS, и никак не могу понять одну вещь в дивовой верстке. На одном сайте увидел пример: <div style="background:#A485B8;">1<br>text</div> <div style="position:relative;" id="dopoln_block"> <div style="background:#66AAD7; width:200px; position: absolute; top:10px; left:10px;">2<br>текст</div> </div> <div style="background:#C6C600;">3<br>содержимое</div> Здесь вводится дополнительный блок <div style="position:relative;" id="dopoln_block">. Собственно вопрос - зачем? На форуме данного сайта ответа не было. Если убрать этот блок "2 Текст" съезжает наверх. Можно привести …
0 votes2 answers -
Вёрстка div высота 100% 3 колонки
Ситуация: 3 колонки: 1-фикс(пикселы), 3-резина в %, 2-всё, что осталось. Если содержимое колонок меньше высоты окна браузера, то фон колонок должен растягиваться до низу (на всю высоту окна браузера). И естественно при изменении высоты окна также растягивается или уменьшается. Если содержимое хотя бы одной колонки больше высоты окна, то все три колонки растягиваются(выравниваются) по высоте самой длинной (с появлением прокрутки). Задача: обойтись без JS, фона с использованием картинок (т.н. faux columns) и трюка с оочень большим padding-bottom и отрицательным margin-bottom. Помимо любого решения в данных условиях отдельно интересует возможность сделать это при помощи свой…
0 votes19 answers -
верстка DIV контейнеров
Помогите сверстать div контейнеров. ссылка на то что есть http://potfel.esy.es/uchis-upravlyt.htm нужно чтобы div контейнеры с темами статей шли друг за другом без больших разрывов в 2 столба <div class="work-area"> <div class="post"> <a href="radislav.htm"> <img src="uchis-upravlyt/img/radislav.jpg"> <h2>Правила ведения бизнеса в эпоху перемен</h2> <p>Рять советов бизнес-тренера Радислава Гандапаса</p> </a> </div> <div class="post"> <img src="uchis-upravlyt/img/workdream.jpg"> <h2>Как стать работодателем мечты</h2> </div> <div class="post"> …
0 votes5 answers -
Верстка div-ами
Подскажите, как на дивах сверстать такой макет? Конкретно трудности вызывают цветные блоки и блок снизу в левой колонке. Макет
0 votes8 answers -
верстка DIV-ами, 2 слоя
Здравствуйте! Подскажите, как реализовать дизайн: блок контента должен растягиваться вниз. я разбила окантовку на 3 части (красным выделено), чтоб средняя растягивалась в зависимости от объема контента, верх и низ, естественно не растягиваются. Но как наложить сверху фон для контента (желтым), он будет повторяться вниз. Если ДИВ с фоном вставить в средний main2, то получатся пустые области без текста сверху и снизу. Как сделать, подскажите пожалуйста. Или, может, есть другое решение? Макет-то не сложный... Заранее благодарна.
0 votes7 answers -
Верстка div-ми - баги в Opera 11 и IE 9
Уважаемые форумчане, прошу вашего совета и помощи. Сам не волшебник, а только учусь и ничего не могу поделать, сколько не ковырялся в сети. Делаю форму поиска, в которой есть несколько текстовых полей, форм select и радиокнопки. Нужно чтобы в 1 ряд размещалось несколько элементов. Заключил всё в div'ы, в style.css указал для некоторых элементов float:left и обрадовался - в FF всё получилось как нужно, но когда открыл Оперу и IE 9 увидел тихий ужас особенно в IE, а поскольку, к сожалению IE - один из самых популярных браузеров приходится с ним считаться. Итак, три проблемы: 1) В разных браузерах по-разному располагаются блоки 2) Надпись "Евро" не влазит и переносится на др…
0 votes3 answers -
Верстка div-ми. Как быть с подвалом?
Есть такая проблема. Есть страничка в ней одна колонка (div). Как сделать так чтобы в случае не полной заполнености колонки, низ ее был в самом низу окна браузера, но в случае добавления материала низ опускался ну и соотвественно в браузере появляется вертикальный скрол. Буду очень презнателен если подскажите или дадите сылки на материал. На каком ресурсе можна посмотреть варианты верстки в одну, две, три колонки, с подвалом и тд.
0 votes53 answers -
Вёрстка Div'ами
http://ru-party.ru/111/primer.html Слева и справа дивы не растягиваются. И снизу фигня какая то, полосы какие то. Вроде простой шаблон. Видно только при большом разрешении: В принципе можно сделать с png прозрачным центром, но не хочу их использовать в ie6 с ними проблемы. Да и вообще хочется сделать просто. Подскажите
0 votes7 answers -
Верстка div'ами
Добрый день, Прочитал самоучитель по HTML данного сайта, но не нашел информации по верстке div'ами. Если я не ошибаюсь, то сейчас только ее и используют. Посвятите по данному вопросу / скиньте инфу плс
0 votes2 answers -
Верстка DIV'ами. Контент на всю полезную площадь окна
здравствуйте! несколько дней бьюсь над следующей проблемой: в нижеприведенной разметке, когда контент короткий (1 строка на моем мониторе) после футера остается пустое место до нижнего края монитора. <div id="header"> <div id="logo"> <a href="" title=""><img src="" width="114" height="80" alt="" /></a> </div> <div id="topmenu"> <div><a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a></div> </div> &l…
0 votes18 answers -
Верстка Div'ами. Проблемка в Ff =(
Здравствуйте все! Я решил перейти на верстку DIV'ами. Вот, пытаюсь сверстать первый сайт Возникла следующая проблема: в FF не соответствуют задуманному два места: съезжает фон меню, и не тянется слой белого фона (в CSS #white_bg) Подскажите где я накосячил Вот пациент: http://chop-vektor.ru/ Код css файла: * { padding: 0; margin: 0; border: 0; } body { font-family: verdana, tahoma, arial; background: url(images/bg.jpg) repeat; padding: 22px 0 0 0; margin: 0; } .png { behavior: url(pngbehavior.htc); } #clear { clear: both; } #container { width: 794px; height: inherit; margin: 0 auto; } #logo_box { width: 252px; height: 151px; float: left; } #logo …
0 votes2 answers -
Верстка DIV'ми
Добрый день. Верстал уже штук 20 сайтов в жизни. Но такого не когда не видел. _!http://it-project.dp.ua/metal/index1.html именно в IE6 кусок слова переносится на другую строку. Что за ботва?
0 votes5 answers -
Верстка div'ом в 2 столбца
Подскажите, пожалуйста, есть div, который выводится динамически, т.е. блок с инфой размером 250px; родительский div - 500px. надо выводить по 2 столбца. Сейчас выводит всё в 1 столбец. #single_block { clear: left; margin: 15px 10px; width: 250px; } #single_block img { float: left; margin: 0 7px 7px 0; }
0 votes8 answers -
Верстка DIVами
Вот, думал будет легко сверстать на дивах, ан нет, в разных браузерах все по разному. В основном футер едет вниз (его контент тянет по высоте), а левый и правый блоки не тянутся вместе с контентом. Если контент определенной высоты, то проблем вроде как и нет, но стоит его объем увеличить, (тоесть он тянется по высоте) - то сразу лезут косяки. HTML: <body> <div id="top_bg"> <div id="shapka_left"><img src="shapka_left.jpg" usemap="#Map" alt=""></div> <div id="shapka_right"><img src="shapka_right.jpg"></div> </div> <div id="top_nav"></div> <div id="speiser"><img src="speiser.gif" height="5px" width="…
0 votes12 answers -
верстка divами в две колонки - проблема в IE
Всем здравствуйте. У меня такая проблема: страница имеет двухколонный макет. Верстаю слоями. Примерно так: <div id="container"> <div id="left" style="float:left; width:30%"> TEXT </div> <div id="right"> <table> <tr> <td>TEXT</td> <td>TEXT</td> ... <td>TEXT</td> </tr> </table> </div> </div> Все хорошо, но количество столбцов в таблице во второй колонке неизвестно. Она строится динамически, и если их много и таблица не помещается, то в FF все хорошо - появляется горизонтальная прокрутка, а в IE весь правый блок сползает вниз под левый. Можно конечно сделать через абсолютное …
0 votes8 answers