| Autor | Zpráva | ||
|---|---|---|---|
| war maniac Profil |
Cus, řeším problém týkající se hover menu na mém webu. Problém je v tom že v IE je výška položek menu stejná jeko obrázek na pozadí (25 px), ale v Firefoxu se to hází o 3px větší takže to přesahuje. Asi to bude paddingem. Ale jak to vyřešit ?? díky za všechny rady.
ješte můj stylopis: body {text-align: center; font-size: 12pt; font-family: Georgia, Tahoma, Arial; color: black; background-image: url('images/grafika/280_steel.jpg'); margin-left: 20px;}
#cela-stranka {width: 935px; position: relative; text-align: left; top: 30px; margin: auto;}
#hlavicka {width: 935px; position: absolute; left: 0px; top: 0px; height: 320px;}
#menu {width: 935px; height: 35px; position: absolute; left: 0px; top: 320px; background-image: url('images/grafika/menu.png'); margin: 0px; background-repeat: no-repeat; z-index: 5; padding-left: 25px;}
#hack1 {margin-left: 35px; margin-right: 50px; margin-top: 20px;}
#main {width: 935px; left: 0px; top: 355px; position: absolute; background-image: url('images/grafika/content.png');}
#bottom {width: 935px; height: 44px; position: absolute; right: 0px; background-image: url('images/grafika/bottom.png'); background-repeat: no-repeat;}
#zapati {position: absolute; left: 320px; top: 45px;}
.zapati {font-family: Georgia, Tahoma, Arial; font-size: 10pt; font-weight: normal; font-style: normal; text-align: center; color: black; margin: 0px; margin-bottom: 30px;}
.text {font-family: Georgia, Tahoma, Arial; font-size: 12pt; font-weight: normal; font-style: normal; text-align: justify; color: black; line-height: 150%;}
a:link {color: black; text-decoration: none;}
a:visited {color: black; text-decoration: none;}
a:hover {color: #434141; text-decoration: none;}
ul#mainMenu, ul
{
color:000000;
padding:0;
margin:0;
list-style-type:none;
}
ul#mainMenu ul
{
margin-top:0px;
}
ul#mainMenu li
{
float:left;
padding:0px;
width:130px;
}
ul#mainMenu li.skupina
{
float:left;
padding:0px;
width:200px;
}
ul#mainMenu a
{
text-align: center;
color:black;
background-color:#ff0000;
display:block;
border-bottom:0px solid white;
text-decoration:none;
font-weight:normal;
height:25px;
padding-top:3px;
margin: 0px;
}
ul#mainMenu a:hover
{
background-color:#f7f0ea;
}
ul#mainMenu ul a
{
text-align: center;
border-bottom:1px solid white;
padding-left:0px;
width:130px;
}
ul#mainMenu ul.skupina a
{
text-align: center;
border-bottom:1px solid white;
padding-left:0px;
width:200px;
}
ul#mainMenu ul a:hover
{
color:black;
border-left:0px solid white;
border-right:0px solid white;
background-color:#f7f0ea;
}
ul#mainMenu ul
{
position:absolute;
visibility:hidden;
border-bottom:0px solid white;
background-color:#ff0000;
}
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
visibility:visible;
}
ul#mainMenu li li
{
float:none;
border:none;
}
ul#mainMenu li
{
behavior: url(hover.htc);
margin:0;
padding:0;
} |
||
| panther Profil |
#2 · Zasláno: 12. 5. 2010, 15:52:51 · Upravil/a: panther
war maniac:
uhodl jsi sám, je tam 3px horní padding. „Ale jak to vyřešit ?“ možná ten padding umazat, co ty na to? Přidej tam line-height na hodnotu stejnou jako je height, tedy 25px. Já bych být tebou řešil spíš jiný problém, a sice to, že položka „Skupina beze jména“ ti jde na dva řádky, což moc dobře nevypadá. Řešení je snadné, trochu si s tím pohraj. |
||
| war maniac Profil |
#3 · Zasláno: 12. 5. 2010, 16:24:44
panther:
Díky za radu funguje to skvěle. panther: „Já bych být tebou řešil spíš jiný problém, a sice to, že položka ‚Skupina beze jména‘ ti jde na dva řádky, což moc dobře nevypadá.“ Mě to se to ve všech prohližečích zobrazuje na jeden řádek. Tak nevím kde je problém? |
||
|
Časová prodleva: 3 dny
|
|||
| war maniac Profil |
#4 · Zasláno: 15. 5. 2010, 21:07:44
Mám ale ještě jeden problém s tím menu na mých stránkách. Když kliknu na nějakou položku (třeba: úvod, tři králové...) a odjedu myší dřív než se načte stránka tak se celá položka roztáhne ne celou šířku prvku (viz obrázek). Potom to nevipadá moc dobře a dělá to jen v IE. Stává se to jenom někdy ale i tak to dokáže naštvat.
Kdyby někdo věděl co to způsobuje budu mu vděčný za radu. obrázek zde. |
||
| war maniac Profil |
#5 · Zasláno: 15. 5. 2010, 21:41:39
Už sem to vyřešil stačilo líp hledat omlouvám se.
|
||
|
Časová prodleva: 14 let
|
|||
0