CSS prvé písmeno iné

Fata! ChaoS

čaute mám nasledujúci kód
HTML

<div class="m-top2">

	<a href="index.php">Text</a><img src="images/odstep.gif" alt="" />
	<a href="index.php">Text</a><img src="images/odstep.gif" alt="" />
      <a href="index.php">text</a><img src="images/odstep.gif" alt="" />
	<a href="index.php">text</a><img src="images/odstep.gif" alt="" />
      <a href="index.php">text</a><img src="images/odstep.gif" alt="" />
	<a href="index.php">text</a><img src="images/odstep.gif" alt="" />
      <a href="index.php">text</a>


</div>

CSS

Kód: Vybrať všetko

.m-top2{
background:url(images/m-top2.gif);
height:30px;
width:800px;
margin-left:2px;
text-align:center;
}
.m-top2 a{
padding:0px 15px;
font-size:18px;
font-weight:bold;
color:#FFF;
text-decoration:none;

}
.m-top2:first-letter{ color:000000;}
.m-top2 a:hover{ color:#000; text-decoration:underline;}
.m-top2 img{ vertical-align:middle; }

a nefunguje mi to aby prvé písmeno bolo inej farby, čo v tom mám zle? Moc sa do CSS nevyznám, takže neviem ako to presne pracuje.

skús

Kód: Vybrať všetko

div.m-top2:first-letter{ color:000000;}

Fata! ChaoS

Nefunguje to ani tak, pravdepodobne to niečo zakrýva, nuž pokúsim sa porozmýšlať, ale ak Vás niečo napadne tak napíšte.

EDIT:
Skúšal som už azda všetko napr.
.m-top2 a:first-letter{ color:000000;}
pomocou html, s viacerými triedami, no nič.

Kebyže nieje na porgramujte.com tak, tak si už myslím, že sa to do <a> tagov nedá dať.

hodnota vlastnosti color sa pise vo formate #XXXXXX
takze namiesto 000000 tam daj #000000

Fata! ChaoS

Skúšal som aj to a skúsil som to znovu, no nič, stále to nefičí.

gwixt · Príspevok od používateľa **gwixt** » 26 feb 2008, 9:41

mno veruze v linku sa mi to nepodarilo zmenit ...
zrejme to bude mat nieco spolocne s tymto

Note: The "first-letter" pseudo-element can only be used with block-level elements.

Fata! ChaoS

No som zvedavý ako to spravili na programujte.com, opýtam sa ich to, no dúfam, že odpíšu.

P.S. V zdrojáku sa to nedá vidieť, lebo je to nejaká zvláštne spravená podsekcia.

A ešte sa chcem spýtať dá sa spraviť v CSS niečo také, že tam pripíšem text a potom ak dám <div class="tentext"> </div>, tak sa mi vypíše ten text, ktorý som napísal v CSS

gwixt

heh .. tak na w3c neklamali .... da sa to pouzit len na block tagy ... preto to nejde na <a> a ani napr na <span> (tieto su defaultne inline)

ALE ked nastavis tymto tagom vlastnost display na block tak to uz ide ... (otazne je ale vyuzitie potom)

PS: o tom texte v CSS pochybujem

Vyskúšaj niečo ako:

Kód: Vybrať všetko

.tentext::after {
	content: "AbCdEf";
}

tuti · Príspevok od používateľa **tuti** » 02 mar 2008, 0:03

chrono napísal:Vyskúšaj niečo ako:
Kód: Vybrať všetko
.tentext::after {
	content: "AbCdEf";
}

podotkol by som ze :after a :before pod IE nefunguju a ani o ziadnom hacku ako toto dosiahnut som nezohnal a vacsinou sa pise ze sa to neda

IE7 by to už mal podporovať.

Fata! ChaoS

Ale to by som mal na každé slovo spraviť zvlášť, nieje tak?