Autor Zpráva
kykyna
Profil *
Dobrý den,
mám menší problém se stránkou. Mám toto css:
h1 {
font-family: Arial, Helvetica, sans-serif;
color: #000066;
font-size: 24px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
text-decoration: none;
text-align: left;
}
h2 {
font: bold 30px Verdana, Arial, Helvetica, sans-serif;
color: #000066;
margin: 0px;
padding: 0px 0px 0px 15px;
text-align: center;

}
h3 {
font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000099;
text-align: center;
font-weight: bold;
}
h4 {
font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000099;
text-align: left;
font-weight: bold;


}
h5 {
font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000099;
text-align: center;
font-weight: bold;
}
td {
font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: normal;

}

a {
color: #000099;
text-decoration: none;
}
a:hover {
color: #000099;
text-decoration: underline;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}

/*- Menu 10--------------------------- */

#menu10 {
width: 150px;
margin: 0px;
font-weight: bold;
}

#menu10 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu10 li a:link, #menu10 li a:visited {
color: #4D4D4D;
display: block;
background: url(menu10.gif);
padding: 8px 0 0 10px;
}

#menu10 li a:hover, #menu10 li #current { {
color: #FF9834;
background: url(menu10.gif) 0 -32px;
padding: 8px 0 0 10px;
}
.normal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000099;
text-align: center;
}
.imagetext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000099;
text-align: center;
font-weight: bold;
}
.info {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000066;
text-align: left;
}
.goback {
font-family: Verdana CE, Verdana, Arial CE, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: hand;

}
.adress {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #000066;
text-align: center;
}
.normalp {
font-family: Verdana CE, Verdana, Arial CE, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a zdrojový kód:
<p class="asress">nějaký text</p> - IE a Opera normálně zformátuje <p> dle ".adress" z css souboru, ale Firefox nikoli a používá nějaký defaultní font a velikost (menší), je zarovnaný vlevo a je černý, byť by tedy měl mít parametry úplně jiné. Nejprv jsem si myslel, že za to může to, že jsem v css měl nadeklarované i <p>, ale i po jeho vymazání Firefox zobrazuje stránku špatně. Poradíte?
kykyna
Profil *
ukázka pro jistotu zde:
přímo tady :-)
kykyna
Profil *
ještě teď, když se koukám, vidím, že IE zase špatně zobrazuje mnu (vyýšku), dal by se tento problém také nějak vyřešit?
kykyna
Profil *
oprava: špatně zobrazuje MENU (výšku) - ;-) díky.
kykyna
Profil *
takže jsem zistil, že FF po užití tohoto menu, které jsem použil:
#menu10 {
width: 150px;
margin: 0px;
font-weight: bold;
}

#menu10 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu10 li a:link, #menu10 li a:visited {
color: #4D4D4D;
display: block;
background: url(menu10.gif);
padding: 8px 0 0 10px;
}

#menu10 li a:hover, #menu10 li #current { {
color: #FF9834;
background: url(menu10.gif) 0 -32px;
padding: 8px 0 0 10px;
}
již nedokáže formátovat text pomocí nastavených CSS stylů. Navíc jsem zjistil, že za problémem stojí tento stylopis:
#menu10 li a:hover, #menu10 li #current { {
color: #FF9834;
background: url(menu10.gif) 0 -32px;
padding: 8px 0 0 10px;
}
který má za úkol při přejetí myši přes odkaz přehodit image menu10.gif o 32px dolů (a tím v podstatě obarvit odkaz na bílo). Ve FF se tedy po tomto stylu přestane formátovat ostatní text pomocí css a ignoruje naprosto všechno. Nemvěděli byste, kde je zakopaný pes?
Plaváček
Profil
Možná bude chyba v té jedné složené závorce navíc

#menu10 li a:hover, #menu10 li #current { {
color: #FF9834;
background: url(menu10.gif) 0 -32px;
padding: 8px 0 0 10px;
}

ta tučně označená tam nemá co dělat. Řekl bych, že takhle by to mělo fungovat

#menu10 li a:hover, #menu10 li #current {
color: #FF9834;
background: url(menu10.gif) 0 -32px;
padding: 8px 0 0 10px;
}
kykyna
Profil *
jj, už jsem na to před chvílí přišel sám. Už to jede. Díky za pomoc. Ach jo, vždycky takový maličkosti. :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.