Autor Zpráva
skuter
Profil
V odkaze mám použitú pseudotriedu first-letter. Stačí ukázať kurzorom na tento odkaz a prvé písmeno sa zmení tak, ako by tam ten first-letter ani nebol. A zostane to tak. Tuším, že ten first-letter treba definovať i pre hover, ale akosi na to nemožem prísť.
Tento problém je len vo FF, v IE6 to pre istotu nefunguje vobec.
http://www.unisapiens.cz/index.php

Časť css, kde to je definované:

#mainpage td.contentheading:first-letter {
font-size: 20px;
color: #7E9CB1;
}

.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #fff;
text-align:left;
}

a.contentpagetitle:link, a.contentpagetitle:visited {
padding: 0px;
font-size: 17px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding-top: 10px;
color: #ffffff;
text-align: left;
width: 100%;
}

a.contentpagetitle:hover {
color: #ffffff;
text-decoration: underline;
}
ladik
Profil *
uprav stylopis následovně:

#mainpage td.contentheading:first-letter, a.contentpagetitle:first-letter {
font-size: 20px;
color: #7E9CB1;
}
skuter
Profil
Díky za bleskové riešeni, ale:
FF funguje, v IE tie odkazy úplne zmizli, vlastne majú farbu pozadia.
ladik
Profil *
jj, toho, že to nefunguje v IE jsme nějak nedočetl, sorry, ještě na to mrknu, ale máš tam tolik úprav pro linky, že se to navzájem ovlivňuje, bude to fuška.
ladik
Profil *
No nic, s first-letter je spousta problémů, i když se mi to podařilo částečně rozchodit, stejně to v IE stále dělá problémy. Navrhl bych jiné řešení:
- zrušit předchozí úpravu!
- do stylopisu přidat:

a.contentpagetitle:link span, a.contentpagetitle:visited span {
font-size: 20px;
color: #7E9CB1;
}

- a první písmeno v odkazech v HTML upravit takto:

... <span>V</span>ítejte ...

Není asi úplně čisté, ale svůj účel to splní.
skuter
Profil
Pekné riešenie, aj keď trochu komplikované, lebo ten span musím vložiť rovno do databáze. V administrácii ten tag proste tá Joomla vyhodí z textu.
Lenže i tak je tam zase problém v IE. Po kliknutí na ten odkaz a rozbalení článku tam to prvé písmeno úplne chýba. Keď som pozrel do kódu tak to tam vypadá takto:
FF: <span>R</span>ozhovor
IE: <SPAN>R</SPAN>ozhovor
Mohli by tam hrať úlohu tie veľké písmená?

Moc díky za spoluprácu. Ten veľký Bill nám ale dáva zabrať.
Toto téma je uzamčeno. Odpověď nelze zaslat.