Если надо, что б под текстом менялась фоновая картинка, то вариант ТВЭЛа самый лучший.
Если хочется использовать мой пример, просто добавь в css вот такие правила
a#overAndOut{position:relative;} a#overAndOut img{position:absolute;top:0;left:0;}
И будет именно то, что ищешь. Хотя это уже точно будет изврат. Прочти внимательно пример ТВЭЛа, он интереснее и рациональнее.
<?xml version="1.0" encoding="windows-1251"?> <!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" xml:lang="en"> <head> <title>Misc</title> <style type="text/css"> /*<![CDATA[*/ a#overAndOut{display: block;width:100px;height:100px;background:#fff url('фон1.gif') 0 0 no-repeat;} a#overAndOut:hover{background:#fff url('фон2.gif') 0 0 no-repeat;} /*]]>*/ </style> </head> <body> <a id="overAndOut" href="#"><img src="прозрачная_gif.gif"></a> </div> </body> </html>
прозрачная_gif.gif - это просто прозрачная гифка.
можно на первоисточнике почитать очень много отзывов 😂 :
http://users.livejournal.com/_adept_/48362.html#cutid1
mustafa, еще купите кота и назовите его Google, а там посмотрим кто кого...
Достаточный, для того, что б назвать верстальщика понимающим, хоть что-то вверстке.
Дима, таблицы зло, блоки добро.... Добро победит зло, поставит его на колени и отрежет ему голову.
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
В данном случая, конечно странная конструкция, но порой действительно нельзя обойтись без нескольких вложений или пустых блоков.
Дима, применительно к данному вопросу: <strong> конечно рекомендованный стандартами тег, но если W3C предлагает фигню, то не всегда надо следовать за этой фигней, т.е. до тех пор, пока контент будет заноситься на сайт ручками веб-мастеров, а не программно, тег <b> будет использоваться, просто потому что набрать <b> человеку проще, чем набрать <strong>, а W3C сделало глупость, введя тег <strong>.
Может это такая оптимизация контента.
Ну, даже применительно к разметке документа применять их полезно, по крайней мере я применят конструкцию:
<span id="informationText">(С) 2006 Группа компаний «....». Все права защищены. <br/> <a href="/index">Главная страница</a> | <a href="/about/law" title="Пользовательское соглашение">Пользовательское соглашение</a> | <a href="/map/">Карта сайта</a>
На сайте ... 🙄, ну в общем ты сам знаешь где :) .
Ну это конечно не правильно, с точки зрения семантики.
Это, что же ссылка должна быть подчеркнута, а все ссылки должны быть одного цвета, что б пользователь не терял ссылки в документе? 😂 А я считаю, что это явно не правильно, ссылка должна быть красивой, а вот что думают пользователи про однородность ссылок, так я таких опросов не проводил и даже не слышал, что б их вообще кто-то проводил.
:D
Хотя...., Дима спорить с тобой, можно долго.
не будет больше Flash:
http://cemetery.hell.su/?grave=5806&commented :D :D :D :D
Lupus, разухабившуюся, всякую тварь (с) "Любэ".
Ayvrik, а Ваши 20 копеек ушли к голодающим или компартии Чили на устройство новой революции?
А вообще, Пиночет отличный пример избирательной справедливости: "Он сукин сын, но это наш сукин сын" (с) кто - то из Американских президентов :D.
Оказывается можно убивать тысячи людей, устроить в стране диктатуру, но так и не быть осужденным, для этого надо только вовремя прогибаться под самую демократичную, политкорректную и справедливую страну мира 😂 😂 .
:) Я с Вами согласен.
А по поводу верстки, то нормально сделано, без ошибок валидации, без использования таблиц.
Поздравляю! Желаю успехов в работе.
Все работает, вот пример:
<?xml version="1.0" encoding="windows-1251"?> <!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" xml:lang="en"> <head> <title>Misc</title> <style type="text/css"> /*<![CDATA[*/ body{opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)} #main{display:table;width:100%;height:1%;} .left{display:table-cell;background:#69c;height:100%;width:100px;} *html div.left{float:left;} .right{display:table-cell;background:#369;} /*]]>*/ </style> </head> <body> <div id="main"> <div class="left">123</div> <div class="right">456<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </div> </div> </body> </html>
Правда, на локале, т.е. когда доступ идет не по протаколу http, а просто отрывается файл кликом мыши, IE блокирует ActiveX, а вот при открытие с сервера все разрешено, и доступ к ActiveX возможен. Т.е. все полупрозрачно.
