![](https://htmlforum.dev/uploads/set_resources_18/84c1e40ea0e759e3f1505eb1788ddf3c_pattern.png)
Postal
-
Posts
61 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Postal
-
-
можно поподробней.
я лично так понял что у вас есть слой определенной высоты с контентом и вы его хотите скрыть пут?м наложения на него другого слоя.
закрывающий слой должен быть с определенным бэкграундом? или цель только сделать слой невидимым.
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"><head><title>KUBAN-KAMEN.RU</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><style>
body {
background: #000;
}
img {
border: 0;
display:block;
}
a {
border: 6px solid #000;
display:block;
float:left;
}
a:hover {
border: 6px solid red;
}
.clear {
clear:both;
}
</style></head><body>
<a href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<div class="clear"></div>
<a href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<a href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a>
<div class="clear"></div>
</body></html> -
поставь это
#footer {
clear:both;
}
а то для слоя не указан clear
-
перемести в стилях #adress {
display: none;
)
в конец файла.
-
похоже конфликт где-то, щас посмотрю
-
Кто это вас так надоумил a:hover.menu
правильно a.menu:hover
-
давайте весь код, стиля одного маловато.
-
cellpadding="1" должен быть 0
-
несогласен, иногда без них не обойтись как и в этом случае. Что касается условных коментариев, то что "условный коментарий" что просто хак как его не назови все равно это "хак" и все. Ну разве что это потешит вас что валидатор дал зеленый свет. Раз так пошло то есть и валидные хаки, чего б их не использовать. А эти условные коментарии только код засоряют.
-
-
-
выкладывай, а я свой покажу и там все ровненько.
-
да, это точно.
проверил во всех, в том числе и в Сафари все прекрасно работает.
Мож кеш надо очистить?
-
после первого img поставь
, забыл поставить, чтоб в ИЕ отступ исчез.
Либо сделай так чтоб между тегами картинки и следующего дива не было пробелов.
-
в общем предлагаю свой вариант поставленной задачи:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title> </title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
<style type="text/css">
body {
margin:0;
padding:0;
background-color:#DCDCDA;
}
.main_block {
width:500px;
position:absolute;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-120px;
}
.content_block {
padding:10px;
background-color:#F4F4F4;
}
.frm_block {
margin:0 auto;
width:300px;
}
.img {
display:block;
}
.clear_big {
font-size:1px;
height:15px;
}
.clear {
clear:both;
}
.clear_small {
clear:both;
font-size:1px;
height:10px;
}
.fr {
float:right;
}
.fl {
float:left;
}
</style>
</head>
<body>
<div class="main_block">
<img src="images/login_r2_c2.gif" alt="" title="" border="0" width="500" height="68" />
<div class="content_block">
<img src="images/login_r3_c2.gif" alt="Авторизация" width="183" height="34" />
<div class="clear_big"></div>
<div class="frm_block">
<input class="fr" name="user" maxlength="28" size="29" />
<div class="fl">Ваш логин:</div>
<div class="clear_small"></div>
<input class="fr" name="user" maxlength="28" size="29" />
<div class="fl">Ваш пароль:</div>
<div class="clear_small"></div>
<input class="fr" value="ok" name="image" type="image" src="images/come.png" />
<input class="subm" type="hidden" checked="checked" value="1" name="rem" />
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>Все красиво и валидно.
-
в Опере у меня так выглядит http://upload.com.ua/get/900151129
оно?
-
ну чего работает?
-
у меня все нормально работает.
вот код, я немного структуризировал его:
<html>
<head>
<title> </title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
<style type="text/css">
html, body {
background:#dcdcda url('images/gradient_outer.png') top repeat-x;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
padding: 0px;
border:0px;
margin: 0px;
}
table, td {
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
.block1 {
width:500px; background:#f4f4f4; border: solid 0px;
}
.block2 {
width:500px; height:35px; vertical-align:middle; background:#f4f4f4; border: solid 0px;
}
.block3 {
width:500px; height:30px; vertical-align:middle; background:#f4f4f4; border: solid 0px; position: relative;
}
input.send {
margin-left:190px
}
div.log {
font-family: Arial;
font-size: 11px;
font-weight: bold;
color:#000000;
}
div.send {
margin-left: 175px
}
</style>
</head>
<body>
<div style="height: 33%;"></div>
<div style="height: 34%;" align="center">
<div>
<img src="images/login_r2_c2.gif" alt="" title="" border="0" width="500" height="68" />
</div>
<div>
<div class="block2" >
<img src="images/login_r3_c2.gif" alt="Авторизация" width="183" height="34" hspace="15" align="left" />
</div>
</div>
<div class="block3">
<div>
<div class="text" align="left">Здравствуйте! Для работы в системе Вам необходимо авторизоваться!</div>
</div>
</div>
<div class="block3">
<div style="display:inline;padding-right:16px;">
<span class="log" > Ваш логин: </span>
</div>
<input name="user" class="input" maxlength="28" size="29" />
</div>
<div class="block3">
<div style="display:inline;padding-right:10px;">
<span>Ваш пароль:</span>
</div>
<input class="pass" name="passwd" type="password" maxlength="28" size="29" />
</div>
<div class="block3">
<div class="send" style="display:inline;">
<span class="right_radius"><input name="image" type="image" src="images/come.png" /> <input class="subm" type="hidden" checked="checked" value="1" name="rem" /></span>
</div>
</div>
<div class="block3"></div>
</div>
</body>
</html>проверь у себя этот код
-
пиши хак:
для checkbox-a:
input {
margin:0px;
padding:0px;
margin-left:-5px !ie; /* hack IE 6.0/7.0 */
}
html:first-child input {
margin-left:-1px; /*hack Opera */
} -
спасибо за оценку, однако есть недостаток в этом коде: нельзя вывести несколько строк в одном пункте при положении маркера outside, и пока я не нашел этому решения. Если подойдет маркер inside то этот код будет вернее:
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
<title>Lists</title>
<style type="text/css">
ol {
margin:0;
padding:0;
padding-left:25px;
list-style-position:inside;
}
ol li span {
margin-left:-10px;
margin-left:-5px !ie;
}
</style>
</head>
<body>
<ol>
<li><span>asdfasdf asdfsdaf dsaf asdf sad dsa fsda fsda dasf asd</span></li>
<li><span>Второй</span></li>
<li><span>Третий</span></li>
<li><span>Четвертый</span></li>
<li><span>Пятый</span></li>
</ol>
</body>
</html>-->чесно говоря я не думаю что есть есть этому решение, так как нельзя поместить блочный блок в
[*] , если у кого есть решение поделитесь, буду благодарен.
-
а если так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
<title>Lists</title>
<style type="text/css">
ol {
margin:0;
padding:0;
padding-left:25px;
}
li span {
margin-left:-10px;
margin-left:-15px !ie;
}
</style>
</head>
<body>
<ol>
<li><span>Первый</span></li>
<li><span>Второй</span></li>
<li><span>Третий</span></li>
<li><span>Четвертый</span></li>
<li><span>Пятый</span></li>
</ol>
</body>
</html>То все нормуль.
-
непосредственно за положение маркера средства в css в общем-то есть, однако ИЕ их невоспринимает, поэтому только обходным путем. Подробнее можно прочесть здесь http://wdh.suncloud.ru/css11.htm
К примеру так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>Lists</title>
<style type="text/css">
ul {
margin:0;
padding:0;
list-style-type:none;
}
li {
padding-left:10px;
background:url(li.gif) no-repeat 0px 8px;
}
</style>
</head>
<body>
<ul>
<li>Первый</li>
<li>Второй</li>
<li>Третий</li>
<li>Четвертый</li>
<li>Пятый</li>
</ul>
</body>
</html> -
да, я понимаю что они по-разному отображают данные.
Я хочу выяснить как отсчитывается (вычисляется) высота строки: в ИЕ, в ФФ, в Опере.
хотя... можно эксперементально это выяснить.
-
не подскажите где б можно было отыскать инфрормацию или сами может прокоментируете интерпретацию высоты строк в этих браузерах. Так как на практике убедился что все они по разному интерпретируют. Постоянно стыкаюсь с тем что в ФФ при задании в какойто строчки высоты строки ниже какой-то допустимой все что внизу лезет на 1px.
Создание галереи. Наложение border на border
in HTML Coding
Posted
кода многовато но работает.