Autor | Zpráva | ||
---|---|---|---|
Annonym Profil * |
#1 · Zasláno: 23. 6. 2009, 21:05:29
Dobrej mam jenom dotaz pokud byste nekdo uvidel nejakou tu sikovnou vec jak to spravit: Jedna se o hover menu na me strance www.bananside.own.cz Kde se mi ve vsech prohlizecich pri najeti na odkaz zobrazuje rozbalene hoover ve stejne lajne ale v IE se posuzva asi o 5px dopryc a vypada to neesteticky.
STYLESHEED: body {background-repeat: no-repeat; background-image: url('pozadi.jpg');background-attachment: fixed} .real {width: 800px; position: relative; margin:auto; } .pozadidiv {width: 800px; position: relative; margin: 0px; background-image: url('bocnice.bmp'); min-height: 1200px; _height: 1200px; } .nadpisdiv {width: 800px; height: 198px; position: relative; margin: auto; background-image: url('logo.bmp'); z-index: 15; } .hledejdiv {width: 200px; position: absolute; margin: auto; top:240px; left: 22px; background-image: url('menubocnice.bmp'); z-index: 15; } .hornihledejdiv {width: 200px; height: 30px; position: relative; margin: auto; background-image: url('menuvrsek.bmp'); background-repeat: no-repeat; z-index: 15; } .dolnihledejdiv {width: 200px; height: 30px; position: relative; margin: auto; background-image: url('menuspodek.bmp'); background-repeat: no-repeat; z-index: 15; } ul#hlavniMenu { position:relative; width:160px; } ul#hlavniMenu, ul { padding:0; margin:0; list-style-type:none; } ul#hlavniMenu ul { position:absolute; top:-5px; left:160px; margin-top: 0px; margin-bottom: 0px; visibility:hidden; } ul#hlavniMenu li { position:relative; width:160px; } ul#hlavniMenu a { background-image: url('Tlacitko.bmp'); display:block; margin-left:0px; color:Black; display:block; text-decoration:none; height:30px; width:100%; margin-top:5px; line-height:30px; text-align: center; } ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a { background-image: url('Tlacitkohoover.bmp'); color:White; text-decoration:none; } ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a { background-color:red; color:red; } ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover { background-color:white; color:red; } ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul { visibility:visible; } ul#hlavniMenu li li { border:none; padding:0; } ul#hlavniMenu li { behavior: url(hover.htc); } .menufont {font-style: italic; font-weight: bold; font-size: 17px; font-family: Arial; color: black; } .marginxxx {margin-top: 20px;} a img { border:none; margin-top: 0px; margin-bottom: 0px; } .menudiv {width: 150px; height: 200px; position: absolute; top: 300px; left:0px; z-index: 15;} .hornimenudiv {width: 800px; height: 20px; position: relative; margin: 0px; background-image: url('hornimenu.bmp'); background-repeat: no-repeat; z-index: 15; } .podmenudiv {width: 800px; height: 20px; position: relative; margin: 0px; background-image: url('popmenu.png'); background-repeat: no-repeat; z-index: 15; } .dolnimenudiv {width: 200px; height: 30px; position: relative; margin: auto; background-image: url('menuspodek.bmp'); background-repeat: no-repeat; z-index: 15; } .menudiv1 {width: 100px; height: 20px; position: absolute; margin: auto; top:300px; left: 16; background-color:black; background-image: url('menu.gif'); z-index: 15; } .realdiv2 {width: 800px; position: relative; height: 25px;background-image: url('hornirohy.gif');margin: auto;} .realdiv3 {width: 800px; position: relative; height: 50px;background-image: url('dolnirohy.gif');} .hlstrdiv {width: 700px; height: 100%; position: absolute; top:40px; left: 0; background-color:white; z-index: 15} .horniminimenu {width: 100%; height:40px ; position: relative; background-color:red; z-index: 15} .hornimenu {text-align: center; font-family: 'Lucida Console'; font-size: 14pt; margin-top:0px;margin-bottom:0px;margin-left:25px;margin-right:25px;} .nadpis {text-align: center;font-family: 'Lucida Console';text-decoration: underline;color: white;font-size: 20pt; } .obsah {text-align: left;color: black;font-family: 'Georgia';font-size: 10pt} .obsahnadpis {text-align: center;color: DarkBlue;font-family: 'Georgia';font-size: 21pt;text-decoration:underline;font-weight: bold} .menu1 {text-align: center;font-family: 'Lucida Console';text-decoration: none;font-size: 11pt} .menu2index {text-align: center;font-family: 'Lucida Console';text-decoration: none; color: yellow; font-size: 11pt} .posuvnik {text-align: center;font-family: 'Lucida Console';font-size: 10pt} .posuvnik2 {text-align: center;font-family: 'Lucida Console';font-size: 10pt;font-weight: bold } .hornimenu a {text-decoration: none;} .hornimenu a:link {color: white;} .hornimenu a:visited {color: white;} .hornimenu a:active {color: white;} .hornimenu a:hover {color: Darkorange;text-decoration: underline;} .posuvnik a {text-decoration: underline;} .posuvnik a:link {color: white;} .posuvnik a:visited {color: white;} .posuvnik a:active {color: white;} .posuvnik a:hover {color: Darkorange;text-decoration: underlin;} .posuvnik2 a {text-decoration: none;} .posuvnik2 a:link {color: darkblue;} .posuvnik2 a:visited {color: darkblue;} .posuvnik2 a:active {color: darkblue;} .posuvnik2 a:hover {color: darkblue;} a {text-decoration: none;} a:link {color: white;} a:visited {color: white;} a:active {color: white;} a:hover {color: red;} Pokud byste byly tak laskavi a pomohli mi jak to zarovna :) Diky moc |
||
Miloš Profil |
#2 · Zasláno: 23. 6. 2009, 21:49:01
Kód je dlouhatánskej, tak to zkusím bez něj.
Jestliže je o padding v exploreru a kód stránky ti začíná <html> (bez !DOCTYPE), odhaduji, že půjde o odlišný boxmodel v závislosti na vykreslovacím režimu. Pokud jsou to pro tebe cizí (sprostá) slova, pak koukni na http://www.jakpsatweb.cz/css/mody-prohlizecu.html |
||
Annonym Profil * |
#3 · Zasláno: 23. 6. 2009, 22:39:15
Ne bohuzel nepomohlo, podivej se na tu stranku abys videl jak to myslim. Pokud by slo o spatnz boxodel nebylo by rozhozene jen to :)
|
||
Annonym Profil * |
#4 · Zasláno: 23. 6. 2009, 22:47:26
Nakonec jsem to prasacky poresil hackem :)
|
||
Časová prodleva: 15 let
|
0