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
-
Выпадающее меню?
Помогите, не могу разобраться. Есть меню товаров, в каждом товаре - категории Например: (в свернутом виде) Товар1 Товар2 Товар3 при нажатии на Товар1- получаем Товар1 категория1 категория2 категория3 Товар2 Товар3 при нажатии на Товар2получаем: (товар1 - закрывается) Товар1 Товар2 категория1 категория2 категория3 Товар3 и т.д. для примера _http://www.runail-shop.ru/ (слева "Каталог продукции" зеленый фон) Какова технология?
0 votes4 answers -
Наложить слой с PNG на фотографию.
Всем привет. У меня на сайте всюду табличная верстка, но недавно захотел чтоб на скриншотах из раздела видео была иконка в виде кнопки play. Кто нибудь может подсказать как это реализовать? Было бы замечательно, если можно создать класс в css который применялся к тегу img.
0 votes1 answer -
Нужно растянуть дизайн по вертикали
Помогите, пожалуйста, разобраться. Сделал макет: http://www.trinity-bridge.221b.ru/index.htm Заточен был под 1024х768, вроде всё ничего. Посмотрел на большом разрешении - захотелось растянуть дизайн по вертикали, чтобы внизу не было пустого места. Ширина макета 1000 px, высота 99%. Проштудировал вот это: http://htmlbook.ru/content/?id=95 Что-то не работают у меня эти рецепты. Один рецепт воплощён здесь: http://www.trinity-bridge.221b.ru/index2.htm В Опере выглядит нормально, хотя в Dreamweaver стало не видно ничего. А в IE6 показывает только фон и ни одного объекта. Можно ли сделать универсальный код, или без хаков не обойтись? body { background-color: #0B2F6F; backgro…
0 votes9 answers -
отступ всего текста
Подскажите пожалуйста, как сделать отступ сверху и слева всего текста в ячейках. пробовала cellpadding, cellspacing, left-padding. Не получается...(( Спасибо!
0 votes17 answers -
border
Подскажите стиль так чтобы вокруг картинки черная тонкая рамка была, как можно тонще.
0 votes1 answer -
Высота слоя в процентах
Высота слоя в процентах, заданная с помощью стилей просчитывается в разных браузерах по разному. Каким образом можно сделать два блока (один под другим) высотой 40% и 60% (плюс, минус 2 процента для стыка), без образования скрола в браузере и пустого пространства.
0 votes9 answers -
IE PNG Alpha Fix v2.0 Alpha 3
Вопрос по продукту http://www.twinhelix.com/css/iepngfix/ Может кто испоьзовал? Дело такое, что он мне выдает alert с текстом IEPNGFix: Unclickable children of element: *указывается элемент* Вот, незнаю как с этим бороться и почему такое возникло?( Спасибо заранее
0 votes3 answers -
не работает background: url
Вот класс #u1{ width: 600px; margin: 10px 0 40px 0; float: right; right:630px; background: url(images/gerb1.gif) repeat-x; } Вот див </div> <div id="u1"> <img src="image/g.gif" alt="" border="0"> </div> Хотелось чтобы картинка заполнилась фоном, только не получается. вЧемпроблема?Я в css новичек, помогите!
0 votes9 answers -
Таблица в 1px
Здравствуйте, помогите плиз) в нэте как-то все другое нахожу) мне нужно, чтобы таблицу с попощью CSS и HTML из || || || сделать border в 1px | | |
0 votes8 answers -
помогите сделать таблицу с фиксированными ячейками, плизз
Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); back…
0 votes4 answers -
картинка слева от ссылки
Всем привет. Есть задача: выводить пиктограмму слева от текста ссылки. Мои попытки использовать псевдоэлемент before не увенчались успехом, т.к. IE 7 не знает про before. Думаю, что это популярная задача и у нее наверняка есть красивые и цивилизованные решения. Поделитесь опытом, пожалуйста. Прошу прощение, если подобный вопрос уже был задан до меня, но поиском по форуму я ничего на эту тему не нашел, гуглить также пытался, но безрезультатно.
0 votes1 answer -
помогите найти ошибку в сайте
сайт www.leoneed27.ru Везде всё нормально кроме страниц http://leoneed27.ru/obor.htm и страницы http://leoneed27.ru/tabl.htm Во всех браузерах, кроме Експлорера меню оказывается не сверху, растянутое на всю страницу, а посередине с двумя белыми плашками. мучался, мучался, не знаю что делать. помогите пожалуйста.
0 votes10 answers -
Footer внизу страницы...
Да, да, да. Было очень много тем, где обсуждался футер внизу страницы. Но у всех тех решений есть один существенный недостаток: жестко прописывается высота футера. Между тем часто нельзя заранее узнать высоту футера. Например, есть у меня в футере несколько ссылок и высоты 50рх достаточно. Но завтра мне может понадобиться вставить туда кучку логотипов и высота увеличиться неизвестно на сколько. Просмотрел кучу ссылок, но решения с высотой футера, растягивающейся под контент, так и не нашел. Неужто его не существует? (без джабы)
0 votes9 answers -
min-height в IE6 и центрирование объектов
В опере9 min-height работает отлично, видел способ для IE6 или 5, а есть что либо универсальное? В блоке текст выравнен по левому краю. Нужно вставить картинку или флеш по центру. text-align: center; для объекта не работает, а на <center></center> ругается валидатор.
0 votes4 answers -
При использовании png.htc, в iE6 невозможно выделить текст
Привет. Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст. Как это можно пофиксить? Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.
0 votes7 answers -
ie как всегда:(
Привет всем! На днях верстал сайт, ну FF,Opera все чигипуки, а вот ie6 как всегда отличился и не могу понять в чем дело то вот сам сайт а вот стили: * {margin:0; padding:0; border:0;} ul { list-style:none; } a { color:#fff; text-decoration:none;} a:hover { text-decoration:underline; } html { height:100%; } body { color:#fff; font:normal 20px Arial; background:#CD1873; height:auto !important; height:100%; text-align:center; position:relative; min-height:100%; min-width:1000px; width:100%; *width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); } #main2 {vertical-align:top;background:url(…
0 votes11 answers -
стиль таблицы
решил сверстать страницу полностью по правилам. написал сверху <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> все теги в документе закрываются, даже незакрывающиеся, все стили решил прописать в цсс: body { background: #ffffff; margin: 0; padding: 0; } table { border-collapse: collapse; margin: 0; padding: 0; spacing: 0; } #centerLayer { width: 829px; margin: 0 auto; background: #ffffff; padding: 0; text-align: center; } всю страницу сверстал жестко в таблице, а таблицу всю ставил в центральный див: <body> <div id="centerLayer"> <table id="Table_01" bo…
0 votes5 answers -
ссылка не хочет быть абсолютной
ох.. дико нубский вопрос даже для нубского раздела) в общем, второй раз в жизни верстаю локальный документ. надо, чтобы с последней страницы ссылка вела на сайт в интеренете.. делаю все, как надо: абсолютная ссылка.. href="http://..." в итоге это дело превращается в file:///C:/... почему так? срочно надо) утром отдавать, а не выгугливается ничего почему-то. спасибо заранее.
0 votes4 answers -
Как сбросить параметры родительского класса
Родительский класс таблицы имеет width=100%. Теперь, когда внутри надо нарисовать другую таблицу, она тоже также растягивается. А надо чтобы ширина её столбцов определялась по содержимому. Как для дочернего класса отменить width=100% ?
0 votes2 answers -
Проблема с бэкграундом
Не отображаются бэки, всё перепробывал: HTML: <div id="container"> <div id="border_top_left"></div> <div id="border_top_center"> <img src="http://dota-blog/wp-content/themes/worldofdota/images/top_left_b.gif" align="left" alt="" /> <img src="http://dota-blog/wp-content/themes/worldofdota/images/top_right_b.gif" align="right" alt="" /> </div> <div id="border_top_right"></div> </div> CSS: html,body{margin:0;padding:0;background-color:#000000} #container{margin:0 auto;width:950px} #border_top_left{width:35px;display:inline;background:url(images/top_left_a.gif) no-repeat}…
0 votes11 answers -
Позиционирование
1-ый блок: .ContentBlock { position: relative; font-size: 1.1em; margin: 0px; background: #fff; border: 1px solid #d1ddea; padding: 10px; text-align: left; height: 100%; width: 66%; } 2-ой блок .ContentBlock_create_new_lists_banner { margin: 0px ; padding: 0px; background: #fff; text-align: left; position: absolute; top: 127px; left: 715px; } Удаляю скролом, 2-ой блок прячется под первый, приближаю, 2-ой блок отдаляется от первого. А нужно, чтобы второй блок постоянно находился на одном и том же месте - никуда не прятался и не уезжал.
0 votes1 answer -
Проблемы с позиционированием
Здравствуйте, столкнулся с такой проблемой. Нужно разместить в блоке текст и блок, который обтекается этим текстом, как на рисунке Пробовал разные варианты - ставить блоку с текстом float:left; а маленький блок позиционировать, ставить обтекание справа маленькому блоку и позиционировать его отступами, но добится корректного отображения пока неполучается. В общем, вменяемых идей как это реализовать у меня пока нет, посему обращаюсь к вам за помощью.
0 votes1 answer -
JS на сайте
Решил не использовать js на сайте вообще. Но возникла проблема. Блок-контейнер (div) имеет 3 вложеных блока-колонки. Установил им минимальную высоту в px. Проблема возникает при переполнении контентом одного из блоков, этот блок растягивается по высоте, а остальные остаются прежних размеров. CSS не понимает переменных, можно указать их в js. Например что бы переменная высоты всех блоков была равна наибольшему. Как это сделать без js? Проще чтобы вложеные блоки были равны по высоте контейнеру или наибольшему блоку.
0 votes10 answers -
Нужно чтобы у div2 ширина была от div1 до div3
Есть три div'a: 1-й div - прилегает к левому краю; 3-й div - прилегает к правому краю; как сделать чтобы 2-й div был растянут от 1-го к 3-му div'у??
0 votes7 answers -
картинки и таблица
Как сделать. чтобы картинка увеличивалась при наведение курсора, если она в таблице? <div class="photos"> <table cellpadding="10" cellspacing="0" style="margin-left: -10px;"> <tr> <td><img src="images/photos/01.jpg" width="200" alt="" /></td> <td><img src="images/photos/02.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/03.jpg" width="200" alt="" /></td> <td><img src="images/photos/04.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/05.jpg" width="200" alt="" /></td> <td><img src="images/…
0 votes5 answers