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
29542 questions in this forum
-
min-height в IE
Искал способ заменить min-height для IE. Попался такой: .body { height : expression(parentNode.clientHeight < 880 ? "880px" : "auto"); min-height: 880px; height: auto; } Но там же написали, что работает только для IE6, а вот с 7 уже не дружит. Может есть что то универсальное?
0 votes4 answers -
Нормализация поведения стареньких Ишачков
Господа, все нормальные браузеры, включая 8-й ИЕ, считают ширину по умолчанию блока с абсолютным позиционированием == 0; ИЕ 7 и ниже, вытягивают его на 100% в ширину. Есть ли какой-нибудь безболезненный способ нормализовать их поведение? Немного кода: <div style="position:absolute; padding: 20px"><div style="height: 200px; width: 200px;">Здесь контент</div></div>
0 votes3 answers -
Помогите плиз
Есть сайт. Глючно отображается подпись компании на яндекс карте. Проблема явно из-за верстки. Хочеся поправить, да что то знаний не хватает пока. Почему отъехал крючок вверх, это я вроде нашел, там margin стоял 10px. Вот. А почему идут линии белые, не ясно. Ясно что это скорей всего бордеры таблицы. Но что то я пока их не как не могу нащупать. Помогие плиз. Может у Вас что нибудь получится. Ссылка на страницу с косяком: http://www.rusdor.biz/contacts/. Скриншот прилагаю.
0 votes6 answers -
CMS oscommerce
Есть CMS oscommerce, глухо запутанная. Нужно расположить блок с поиском и ICQ номером в шапке. Блоки идут PHP скриптом, вставляя оные в шапку - ничего не происходит. Админка весьма примитивная и позволяет расположить их только в левой или правой колонке - получается что расположить в другом месте нельзя?
0 votes6 answers -
Display: table в IE6,7
Суть такова: есть блок DIV со свойством display: table в IE 6 и 7 это свойство не работает. Есть ли какой нибудь читерский способ исправить это?
0 votes4 answers -
Кайма у текста в css
Всем привет! Кто-нибудь может подсказать можно ли с помощью стилей задать тексту обрамление, кайму(не знаю как выразиться)? Смотрел в сторону Shadows, но мне нужно не тень а именно кайма. В photoshop это называется stroke effect.
0 votes5 answers -
Масштабируемый блок с видео на фоне
Приветствую! Установлен готовый шаблон на _http://www.free-solutions.net/ Под слайдер добавили фоном видео. Возможно ли добиться совпадения нижней границы слайдера и видео-фона при масштабировании? <video> перемещали в другие блоки, объединяли, пока ничего не помогает, только прописывание каждого шага через @media.
0 votes3 answers -
Расстягивание контейнера на ширину больше 100%
Есть контейнер к верху прижат некоторый бакграунд, внизу футер. В контейнере могут быть элементы, текст которые растягиваются больше чем на ширину экрана. то есть контент вылезает за край экрана, а футер и бакграунд оста?тся на 100%. Надо что бы и футер и бакграунд увеличивался до ширины контента. Что делать?? бакграунд нормально отображается только в ие. body, html{ margin:0; padding:0; min-height:100%; height:100%; } div.container { height: auto !important; min-height:100%; height: 100%; background:url(img/top.gif) repeat-x top; } div.footer { background:green; height:20px; margin-top:-80px; width: 100%; } div.footer_guard { clear:both; height:80px; } **…
0 votes0 answers -
background-image
Hi. есть проблемка по поводу background-image: есть сайт в нем есть стили body { margin: 0px auto; padding: 0px; background-color: #FFFFFF; background-image: url(images/background2.JPG); font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size: 12px; color: #444444; } .bodys{ background: #FFFFFF url(images/background.gif) repeat-y center top; } <html> <head> <title></title> <link href="/resources/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="bodys"> <div id="header"> </div> <div> content </div> </div> </…
0 votes1 answer -
SSI
Заранее прошу прощения, если влепил тему не в тот раздел, но ничего более подходящего не увидел. Есть такая структура сайта: docs - тут все страницы сайта ssi - тут часть кода, который размещается через директиву на все страницы index.shtml Вот такая директива прописана в коде всех страниц на сайте, включая главную <!--#include virtual="/ssi/links.html"--> В html-файле, который вставляется через директиву, есть ссылка такого типа <a href='stranica.shtml'>Ссылка</a> После того, как все это отработало получаем все страницы с размещенной ссылкой <a href='/docs/stranica.shtml'>Ссылка</a>, а главную страницу с неработающей ссылкой <a href='stra…
0 votes1 answer -
Как опустить слой до самого низа?
Вот ссылочка: http://velo-tuning.ru/ Нижняя таблица содержащая картинку нижнюю правую, опускается согласно слою с основным текстом. А надо что бы опускался согласно наиболее длинному слою(слой с текстом или слой с левыми картинками). Тут конечно абсолюты применять не надо было. Но уж кое они есть, можно ли как-то сейчас выкрутиться?
0 votes2 answers -
Высота крайних DIV по высоте среднего
<div id="primary_content"> <div id='background_content_left'></div> <div id='center'></div> <div id='background_content_right'></div> </div> #primary_content{ width:736px; min-height:600px; margin-left:26px; float:left; margin-top:31px; } #background_content_left{ background-image: url("img/background_content_left.png"); width:17px; height:100%; background-repeat:repeat-y; float:left; } #center{ width:699px; min-height:600px; float:left; } #background_content_right{ background-image: url("img/background_content_right.png"); width:20px; height:100%; background-repeat:repe…
0 votes8 answers -
Помогите убрать пробел между divами
Делаю сайт. Шаблон у меня частично на дивах, частично в таблицах. Возникла такая проблема: не могу убрать пробел между горизонтальным меню и блоком "контент". Как сделать floatОМ так и не понял, пустой див с нулевыми размером шрифта и высотой вроде бы помогает, но тогда половина горизонтального меню не отображается. Вот код шаблона html: <div id="main"> <header> ?<div id="header"><table align="center" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="30%"><div id='logo'><img src="logo.png" alt="" height=100px weight=200px></div></td> <td valign="bottom" width="50%" id="name"><…
0 votes7 answers -
Количество <header> на одном сайте
Начал присматриваться к html 5..Возник вопрос.В инете не нашел. Если на одном сайте используется несколько шаблонов(например главная страница один шаблон, внутренние другой и т.п.).Создаю для главной страницы тэг header . В CSS стили прописываю для header.Если в другом шаблоне понадобится данный тэг. У него уже будут свои стили. В <p> тупо можно было брать и менять id или class. А как тут быть??
0 votes6 answers -
Как задать padding у блоков и сами блоки нужного размера?
Приветствую! Собственно у меня такой вопрос. Есть покупной шаблон WP с которого я стащил стили (хочу сверстать что-то похожее но своих размеров. Своих размеров-это колонки и контент моего шаблона, а не WP. В общем берётся только технология вёрстки где это возможно. Проблема первая-это то что в WP шаблоне были множественные стили. Вот так: <div id="content" class="content page-full main-contener clearfix">Какой-то content</div> Я логически свёл всё где можно в один класс, написал новые стили. Вышло вот что: Скрытый текст <div class="wrapper"> <header class="header"> <div class="top-bar clearfix"> <div class="logo…
0 votes3 answers -
Что надо знать для html
Подскажите что надо знать чтобы переходить с html на css? вроде закончил html, но всё же думаю что не достаточно знаний
0 votes1 answer -
overflow:auto + IE = непонятный отступ
Здравствуйте! Имеется таблица, в одной из ячеек которой <div id='t' style='height:500px; overflow:auto;'></div> В этот блок при помощи AJAX загружается табличка. Проблема в том, что если эта табличка больше определенного (?) размера, то весь блок "сползает" вниз. Прич?м Opera отображает вс? правильно. Может кто-нибудь знает, как победить это? Скрины: Большая таблица: Маленькая таблица:
0 votes0 answers -
Спрайты,filter и background
#index,#disk,#tire,#contacts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/menu.png',sizingMethod='crop');display:block;width:135px;height:137px;} #index{background-position:0 0;} #tire{background-position:-140px 0;} #disk{background-position:-278px 0;} #contacts{background-position:-415px 0;} Имеется картинка со спрайтами,то есть rollover-effect.Простым методом работает нормально.А через filter не хочет сдвигаться background-position.Как отремонтировать.
0 votes2 answers -
Как сбросить параметры родительского класса
Родительский класс таблицы имеет width=100%. Теперь, когда внутри надо нарисовать другую таблицу, она тоже также растягивается. А надо чтобы ширина её столбцов определялась по содержимому. Как для дочернего класса отменить width=100% ?
0 votes2 answers -
Проблема с IE
У меня проблема с табличной версткой. Вот отрывок кода: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" class="menu2">База вещей</td> </tr> <tr> <td class="menuBody"> </td> </tr> </table> CSS: .menu2 {background-color:#887b56;background-image:url(../img/menu_up3.jpg);font-size:16px;font-weight:bold;color:#d8c06a;padding-left:30px;padding-top:8px;background-repeat:no-repeat;} Вот как выглядит в IE: Вот как в остальных браузерах: Как сделать чтобы в IE отображалось нормально? Использую следующий DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti…
0 votes3 answers -
Как такое сверстать под джумлу?
Еще раз поднимаю топик по дизайну сети. Как такое верстать под джумлу? Таблицей лучше или позиционировать слои? Внимание!!! Также принимаются ВАШИ макеты, которые не УГ!!!
0 votes14 answers -
применение z-index
Начал изучать пару дней назат блочную верстку сайтов, да и вообще верстку сайтов... столкнулся с такой проблемой =) как с помощью z-index (или есть другие теги какие?) расположить две картинки по очереди? а то одна перекрывает другую... хотелось бы все сделать в 1 блоке <div id="header"> </div> (была мысля разбить 2 изображения по блокам наложить их на друг друга и каждому присвоить очередность отображения) еще z-index это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative, а я выравнивал картинку в блоке с помощью background-position:center, поскольку прийдется применять z-index, background-position:cen…
0 votes7 answers -
как сделать меню?
http://divhack.com/downloads/study/1/ может кто подскажет как сделать такое же меню (фикс) без таблиц?
0 votes8 answers -
пятиугольник
помогите пожалуйста нарисовать пятиугольник такого вида средствами css. все линии прямые, высота немного больше ширины fiddle
0 votes3 answers -
Кто сможет объяснить отличие <div> от <p>
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML CSS Example</title> <style> body { width: 50%; margin: 8px auto; font: 1em/100% sans-serif; color: #000; } .ex_01 { line-height: 250%; background-color: #ccc; padding: 20px; text-shadow: 0 1px 0 #fff; } .in_01 { background-color: #999; padding: 20px; text-shadow: 0 1px 0 #ccc; } .in_02 { background-color: #666; padding: 20px; text-shadow: 0 1px 0 #999; } </style> </head> <body> <!-- 1. div.ex_01>lorem20+div.in_$$*2&g…
0 votes4 answers