Postal
-
Posts
61 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything 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 type="text/css"> body { background: #000; margin:0; padding:0; } img { border: 0; display:block; } a.link1 { display:block; position:absolute; left:6px; top:6px; } a.link1:hover { border: 6px solid red; top:0px; position:absolute; left:0px; } a.link2 { display:block; position:absolute; left:112px; top:6px; } a.link2:hover { border: 6px solid red; top:0px; position:absolute; left:106px; } a.link3 { display:block; position:absolute; left:218px; top:6px; } a.link3:hover { border: 6px solid red; top:0px; position:absolute; left:212px; } a.link4 { display:block; position:absolute; left:324px; top:6px; } a.link4:hover { border: 6px solid red; top:0px; position:absolute; left:318px; } a.link5 { display:block; position:absolute; left:430px; top:6px; } a.link5:hover { border: 6px solid red; top:0px; position:absolute; left:424px; } a.link6 { display:block; position:absolute; left:536px; top:6px; } a.link6:hover { border: 6px solid red; top:0px; position:absolute; left:530px; } .clear { clear:both; } .block { position:relative; } </style></head><body> <div class="block"> <a class="link1" href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a> <a class="link2" href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a> <a class="link3" href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a> <a class="link4" href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a> <a class="link5" href="http://aliveit.ru/hh.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a> <a class="link6" href="http://aliveit.ru/sss.html"><img src="KUBAN-KAMEN.RU_files/1.png" alt=""></a> </div> </body></html> кода многовато но работает.
-
можно поподробней. я лично так понял что у вас есть слой определенной высоты с контентом и вы его хотите скрыть пут?м наложения на него другого слоя. закрывающий слой должен быть с определенным бэкграундом? или цель только сделать слой невидимым.
-
<!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
-
несогласен, иногда без них не обойтись как и в этом случае. Что касается условных коментариев, то что "условный коментарий" что просто хак как его не назови все равно это "хак" и все. Ну разве что это потешит вас что валидатор дал зеленый свет. Раз так пошло то есть и валидные хаки, чего б их не использовать. А эти условные коментарии только код засоряют.
-
везде
-
вот мое творение http://pashka-l.narod.ru/bunker/htmlbook/index.html
-
выкладывай, а я свой покажу и там все ровненько.
-
да, это точно. проверил во всех, в том числе и в Сафари все прекрасно работает. Мож кеш надо очистить?
-
после первого 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.