Kapitel-Verweis - erster Buchstabe größer, andere Farbe

Heart · #1 (**permalink**) 25.03.2005, 17:07

Hallo,

ich habe ein a href Verweis von z.b. "Hochzeit".

Gibt es einen style, welches mir den ersten Buchstaben ("H") etwas größer und in einer anderen Farbe darstellen kann?

Danke

^uncool · #2 (**permalink**) 25.03.2005, 18:10

Nabend Heart

die für mich sinnigste Lösung wäre mit Spans zu arbeiten:

Code:

<span>H</span>ochzeit

und dann per CSS das ganze zu definieren:
z:b.:

Code:

a span {font-weight:bold; color:#666}

Heart · #3 (**permalink**) 25.03.2005, 18:41

Ok, Problem ist jetzt noch, dass der Verweis/Link (also im obigen Bsp. "Hochzeit") aus einer MySQL-DB geholt wird

Der php-Code für den a href Tag sieht also z.b. so aus

Code:

$txt = ''. $mitem->name .'';

Wie kann ich das dann realisieren?

psycho_dmr · #4 (**permalink**) 25.03.2005, 19:02

Zitat:

Zitat von Heart

Wie kann ich das dann realisieren?

Code:

$link = $mitem->link;
$name = $mitem->name;

$first = substr( $name , 0, 1);
$rest = substr( $name , 1);

$txt = '<span>'.$first.'</span>'.$rest.'';

http://de2.php.net/substr

Was hat es bei dir mit $id auf sich? das war in deiner ausgabe einfach nur im <a>-tag drin, aber nicht als attribut... habs jetzt als id="" eingefügt, falls du es anders vorhattest musst es halt ändern...

Heart · #5 (**permalink**) 25.03.2005, 20:05

Perfekt!!!

Danke Euch beiden

terrikay · #6 (**permalink**) 25.03.2005, 20:33

Es gäbe da auch noch das Pseudo-Element :first-letter... - s.hier: http://www.css4you.de/first-letter.html

psycho_dmr · #7 (**permalink**) 25.03.2005, 21:05

doh!

Pablo · #8 (**permalink**) 25.03.2005, 21:38

Wieso einfach, wenn es auch kompliziert geht?

Aber wenn jemand möchte, kann ich ihm noch eine Version mit Tabellen geben.

Heart · #9 (**permalink**) 25.03.2005, 21:42

Puhhh Danke nochmals.... (aber wäre ja viel zu einfach -gewesen-

)

moloch · #10 (**permalink**) 29.05.2005, 11:20

hoi wie sieht es aus wenn ich die schrift in einem div habe? sprich

.orange
{
background-image: url(images/orange.gif);
height: 23px;
width: 100%;
color: #959595;
font-size: 14px;
}

und davon soll der erste buchstabe mittels first-letter in einer andren farbe sein..

.orange:first-letter
{
font-color: #E1A41C;
}

funktioniert nicht. :-/ gruß moloch

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Jeder Buchstabe eines Wortes in einer anderen Farbe	Retrax	CSS	14	17.12.2014 14:39
list-style, Größer-Als-Symbol in andere Farbe	pixel24	CSS	2	29.06.2009 16:28
Wörtern im Text andere Farbe zuweisen	Steakfred	CSS	6	24.10.2007 17:21
Zwei Divs - eins größer als das andere	nickie12	(X)HTML	2	30.09.2007 22:53
Kreis bei Aufzählung eine andere Farbe geben	Luca	CSS	5	21.05.2006 19:09