Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
сколь ко же можно поднимать эту тему ? предлагаю в треш, а автора в googl
-
Предполагаю что это был ответ на вопрос а по сути зависит от поставленной задачи.
-
я то же надеюсь
-
для img {padding-right: 20px;}
-
EI7 понимает
-
напишите так и поймете почему. ul, li { margin: 0 0 0 20px; border: 1px solid red; }
-
вспомнилась одна история, длинная но прикольня. http://www.wmaster.ru/articles/11/113_1.htm
-
на основе такой конструкции можно еще сделать Подсвечивание строк таблицы (найду выложу). Единственный минус, таблица всегда должна быть фиксированной ширины. Решение конечно красивое, но все упирается в "HTC не работают, если пользователь запретил выполнение ActiveX на страницах. Скрипт тоже можно отключить. Кроме того, есть естественное ограничение на номер версии ? не древнее IE 5.5. Так что всегда найдутся пользователи, которым ваши улучшения не помогут ? но что уж с таких ?убогих? взять!"
-
а разве запись selector:hover, etc это не особенность CSS 2.1, которую в свою очередь не поддерживает IE6 он же понимает только a:hover, etc Да все так и есть, самым убедительным доводом будет если вы попробуете его разобрать (приведенный выше пример) так вкратце скажу что работает за счет конструкции (он же небольшой баг но в нашу пользу) <a hover="#">text<!--[if IE 7]><!--></a><!--<![endif]--> <table> <tr> <td> <ul> <li><a href="#">text</a></li> <li><a href="#">text/a></li> </ul> <td> </tr> </table> <!--[if lte IE 6]></a><![endif]-->
-
Ошибаетесь ))
-
есть отличный пример выпадающего меню без JS, автора к сожалению не помню. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <meta name="generator" content="HTML Tidy for Windows (vers 1 June 2005), see www.w3.org" /> <title>menu css</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> /*<![CDATA[*/ /* — menu CSS gordi 20.05.2006 — */ body { FONT: 75%/1.5 arial, verdana, sans-serif; } #menu { FONT-WEIGHT: bold; POSITION: relative; margin: 0 auto;/*только для demo*/ width:50%;/*только для demo*/ } #menu table { BORDER-COLLAPSE: collapse; MARGIN: -1px; } #menu ul { LIST-STYLE-TYPE: none; MARGIN: 0; PADDING: 0; } #menu li { FLOAT: left; POSITION: relative; } /*OP,FF*/ #menu li:hover ul { DISPLAY: block; LEFT: 0; POSITION: absolute; TOP: 1.4em; WIDTH: 150px;/*1 уровень OP,FF*/ } /*IE*/ #menu li a:hover ul { DISPLAY: BLOCK; LEFT: 0; POSITION: absolute; TOP: 1.4em; } /*IE*/ #menu li a:hover li a:hover ul, #menu li a:hover li a:hover li a:hover ul { DISPLAY: block; LEFT: 147px; POSITION: absolute; TOP: 0; VISIBILITY: visible; } /*IE*/ #menu li a:hover li a ul, #menu li a:hover li a:hover li a ul { DISPLAY: block; POSITION: absolute; VISIBILITY: hidden; } /*OP,FF*/ #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul { DISPLAY: block; LEFT: 147px; POSITION: absolute; TOP: 0; WIDTH: 150px;/*2,3 уровень OP,FF*/ } /*IE,OP,FF*/ #menu li:hover li:hover ul.left, #menu li:hover li:hover li:hover ul.left, #menu li a:hover li a:hover ul.left, #menu li a:hover li a:hover li a:hover ul.left { LEFT: -154px; } /*прячем вложения*/ #menu li ul { BORDER: 3px solid #e6eaff; DISPLAY: none; } /*прячем вложения 1, 2, 3 уровня*/ #menu li:hover li ul, #menu li:hover li:hover li ul { DISPLAY: none; } /*IE,OP,FF*/ #menu li a { BACKGROUND: #fff;/*фон основного меню*/ COLOR: blue;/*цвет ссылки основного меню*/ DISPLAY: block; PADDING: 0 10px; TEXT-DECORATION: none; } /*IE,OP,FF*/ #menu li:hover a, #menu li a:hover { BACKGROUND: #e6eaff;/*фон основ. меню при навед. курсора*/ COLOR: purple;/*цвет ссылок основ. меню при навед. курсора*/ } /*IE,OP,FF*/ #menu li li { BACKGROUND: #fff;/*фон вып. меню при навед. курсора на ссылку основ. меню*/ FONT-WEIGHT: normal; PADDING: 2px 3px; } /*IE,OP,FF*/ #menu li:hover li a, #menu li:hover li:hover li a, #menu li:hover li:hover li:hover li a, #menu li a:hover li a { BACKGROUND: #e6eaff;/*фон под ссылкой вып. меню при навед. курсора на основ. меню*/ BORDER: #000 1px solid; COLOR: purple;/*цвет ссылки вып. меню при навед. курсора на основ. меню*/ DISPLAY: block; PADDING: 0 10px; WIDTH: 122px; } /*IE,OP,FF*/ #menu li:hover li a.drop, #menu li:hover li:hover li a.drop, #menu li a:hover li a.drop { BACKGROUND: #fff;/*фон ячейки в вып. меню имееющей вложение при навед. курсора на ссылку основ. меню*/ COLOR: blue;/*цвет ссылки в вып. меню имееющей вложение при навед. курсора на ссылку основ. меню*/ FONT-WEIGHT: bold; } /*IE,OP,FF*/ #menu li:hover li:hover a, #menu li:hover li:hover li:hover a, #menu li:hover li:hover li:hover li:hover a, #menu li a:hover li a:hover { BACKGROUND: blue;/*фон ссылок в вып. меню при навед. курсора*/ COLOR: #fff;/*цвет ссылок в вып. меню при навед. курсора*/ } /*]]>*/ </style> </head> <body> <div id="menu"> <ul> <li><a href="#">Вот<!--[if IE 7]><!--></a><!--<![endif]--> <!-- первое вложение --> <table><tr><td> <ul> <li><a href="#">Такое</a></li> <li><a href="#">Меню CSS</a></li> <li><a class="drop" href="#">Без JavaScript <!--[if IE 7]><!--></a><!--<![endif]--> <!-- второе вложение --> <table><tr><td> <ul> <li><a href="#">Посмотреть</a></li> <li><a href="#">Любопытства</a></li> <li><a class="drop" href="#">Ради <!--[if IE 7]><!--></a><!--<![endif]--> <!-- третье вложение --> <table><tr><td> <ul> <li><a href="#">На решение</a></li> <li><a href="#">Данной</a></li> <li><a href="#">Проблемы</a></li> </ul> </td></tr></table> <!-- End третьего вложения --> <!--[if lte IE 6]></a><![endif]--></li> </ul> </td></tr></table> <!-- End второго вложения --> <!--[if lte IE 6]></a><![endif]--></li> </ul> </td></tr></table> <!-- End первого вложения --> <!--[if lte IE 6]></a><![endif]--></li> <li><a href="#">Такое<!--[if IE 7]><!--></a><!--<![endif]--> <!-- первое вложение --> <table><tr><td> <ul> <li><a href="#">Меню CSS</a></li> <li><a href="#">Без JavaScript</a></li> </ul> </td></tr></table> <!-- End первого вложения --> <!--[if lte IE 6]></a><![endif]--></li> <li><a href="#">Меню CSS<!--[if IE 7]><!--></a><!--<![endif]--> <!-- первое вложение --> <table><tr><td> <ul> <li><a href="#">Без JavaScript</a></li> <li><a class="drop" href="#">Нет<!--[if IE 7]><!--></a> <!--<![endif]--> <!-- второе вложение --> <table><tr><td> <ul class="left"> <li><a href="#">Ничего</a></li> <li><a href="#">Сложного</a></li> <li><a class="drop" href="#">Сложили <!--[if IE 7]><!--></a><!--<![endif]--> <!-- третье вложение --> <table><tr><td> <ul class="left"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">Списки</a></li> </ul> </td></tr></table> <!-- End третьего вложения --> <!--[if lte IE 6]></a><![endif]--></li> </ul> </td></tr></table> <!-- End второго вложения --> <!--[if lte IE 6]></a><![endif]--></li> </ul> </td></tr></table> <!-- End первого вложения --> <!--[if lte IE 6]></a><![endif]--></li> </ul> </div> </body> </html>
-
готов помочь за пиво.
-
Есть ли аналогичная ф-я, кот. адекватно работает в Explorer 6
Scrum replied to NIKKK's question in HTML Coding
попробуй доктайп другой -
http://cmslist.ru/catalogue/
-
<!-- третий этаж --> улыбнуло
-
<!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; height: 100%; } body { font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 62.5%; background: #3D414A; } #carrier { width: 1000px; background: #fff; margin: 0 auto; height: 100%; min-height:100%; } #header { background: url(images/bgr-header2.gif) repeat-x top; } #menu { background-color:#F2F2F2; } #content { padding: 10px 30px 10px 30px; } /*]]>*/ </style> </head> <body> <div id="carrier"> <!--header--> <div id="header">HEADER</div> <div id="menu">MENU</div> <div id="content"> <table width="100%" border="1"> <tr> <td bgcolor="red"><BR /><BR /></td> </tr> </table> </div> </div> </body> </html>
-
Проблемы с выравниванием картинки справа вверху в Opera
Scrum replied to podlom's question in HTML Coding
конечно не получиться если так пытаться поставить бг background-color: #444 url('i/hdr.png') repeat-x top left; добавляем для #carrier { width: 100%; float: left; background: #444 url('i/hdr.png') repeat-x top left; } -
Проблемы с выравниванием картинки справа вверху в Opera
Scrum replied to podlom's question in HTML Coding
как нибудь так <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ #carrier { background-color: #4d4d4d; /* для наглядности */ } #left img { height: 100px; /* для наглядности */ width: 100px; /* для наглядности */ background-color: silver; /* для наглядности */ } #right img { height: 100px; /* для наглядности */ width: 100px; /* для наглядности */ background-color: orange; /* для наглядности */ float: right; } /*]]>*/ </style> </head> <body> <div id="carrier"> <div id="right"><img /></div> <div id="left"><img /></div> </div> </body> </html> {... перенесено в Проблемы с версткой lancer} -
<html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td valign="top"> <div> <img src="" width="100" height="100"> </div> </td> <td> текст текст текст текст текст текст текст текст текст текст текст текст </td> </tr> </table> </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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html { background: url(new1.png) left repeat-y; height: 100%; } body { margin: 0; padding: 0; height: 100%; background: url(new1.png) right repeat-y; } /*]]>*/ </style> </head> <body> </body> </html>
-
http://cssing.org.ua/2005/09/02/min-width-for-ie/
-
img { display: block; }