Autor | Zpráva | ||
---|---|---|---|
Okawas Profil |
#1 · Zasláno: 28. 10. 2005, 20:20:42
ahoj, mel bych takovy problem, avsak si bohuzel nejsem jist, jestli to vubec jde, jelikoz v css jiz nejakej ten patek delam a o tomhle jsem jeste neslysel :(. Jde o to, kdyz mate normalni odkaz, na nej najedete mysi a pomoci css se vas vyobrazi nejaka nebidka, popripade obrazek, tedy v pripade mem. No, a pokud opustite pole vymezene v css popisu, tak ta nabidka-obrazek zmizi, a to ja nechci. Jak na to? Muj kod vypada cca takto (samozrejme funkci v IE). Pujde nejspise o to vlozit neco do radku ::DIV#menu0 .a:hover TABLE A ::
DIV#menu0 { CURSOR: crosshair } DIV#menu0 { Z-INDEX: 1000; BACKGROUND: #ffffff; LEFT: 0px; WIDTH: 151px; HEIGHT: 27px; cursor:crosshair } DIV#menu0 .a { COLOR: #B4B4B4; cursor:crosshair; height:80px; width:120px } DIV#menu0 .a TABLE { DISPLAY: block; FONT-WEIGHT: bold } DIV#menu0 TABLE { DISPLAY: none } DIV#menu0 TABLE A { DISPLAY: none } DIV#menu0 .a:hover { width:auto; color:#787878 } DIV#menu0 DIV.menuitem0:hover { MARGIN-RIGHT: 0px } DIV#menu0 .a:hover TABLE { width:151px; height:90px; background-color:#ffffff; POSITION:absolute; margin-left:-134px; margin-top:-408px; } DIV#menu0 DIV.menuitem0:hover TABLE { DISPLAY: block; BACKGROUND: #dddddd; POSITION: absolute } DIV#menu0 .a:hover TABLE A { DISPLAY: block; height:30px; width:155px; cursor:crosshair; PADDING-BOTTOM: 0px; color:#aaaaaa; padding-top: 0px; WHITE-SPACE: nowrap; TEXT-DECORATION: none; text-align:left; padding-right:0px; padding-left:0px; BORDER-RIGHT: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; font-size:14px; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; margin:0px } DIV#menu0 DIV.menuitem0:hover TABLE A { PADDING-RIGHT: 0px; display:block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: black; PADDING-TOP: 0px; WHITE-SPACE: nowrap; TEXT-DECORATION: none } DIV#menu .a:hover TABLE A:hover { height:30px; margin-bottom:0px; margin-top:0px; color:#7F7F7F; } DIV#menu0 DIV.menuitem0:hover TABLE A:hover { PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; COLOR: blue; PADDING-TOP: 0px; TEXT-DECORATION: none } .menuitem0 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } Vim ze je toho kodu hodne.. ale kdo vi, treba tady pujde kolem nejaky Einstein :) Diky |
||
Leo Profil |
#2 · Zasláno: 28. 10. 2005, 20:57:20
Jedine JavaScript - tam muzete nezavisle na sobe osetrit najeti mysi (onmouseover) a odjeti mysi (onmouseout). V CSS jedine - a to jeste jen v non-IE prohlizecich - stav, kdy kurzor mysi je na danem elementu (hover). Leo
|
||
Okawas Profil |
#3 · Zasláno: 30. 10. 2005, 18:51:24
hm, to sem si myslel uz od zacatku :), ale stejne diky za snahu
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0