Autor Zpráva
Okawas
Profil
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
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
hm, to sem si myslel uz od zacatku :), ale stejne diky za snahu
Toto téma je uzamčeno. Odpověď nelze zaslat.

0