Seite 1 von 1

Problem mit CSS für eine Schrift

Verfasst: 17.06.2005 21:58
von Phil_CH
Hallo

Ich verwende zur Zeit ein News Script welches mir optisch nicht entspricht. Speziell stöhrt mich ein Link ( zu einer Kommentar Funktion ) welcher eine Blaue Farbe hat und unterstrichen ist ( typisch HTML Hyperlink ). Mit HTML konnte ich Farbe und unterstrich nicht ändern, jemand hat mir dan gesagt das ich es mit CSS versuchen soll, habe mich bei SELFHTML erkundigt bringe es aber nicht hin.

Der Code mit dem Link:
<td height="18" bgcolor="A1B2C2"> <font color="8B8DA5" size="2" face="Arial, Helvetica, sans-serif"><strong><font color="A1B2C2">.</font></strong></font><font size="2"><strong><font color="#FFFFFF" face="Arial, Helvetica, sans-serif">%KOMMENTARE%</font></strong></font><font size="1"><strong><font color="#FFFFFF" face="Arial, Helvetica, sans-serif">
</font></strong></font><font color="#FFFFFF"><strong><font face="Arial, Helvetica, sans-serif" size="2">|
Gelesen: %HITS%</font></strong></font></td>
Der Link heisst %Kommentare%. Wie kann ich mit CCS den Link so anpassen, das er nicht unterstrichen und nich blau`( besser wäre weiss ) ist?

Danke und Gruss

Verfasst: 17.06.2005 22:40
von Markus67
Hi ....

ähmmmm ... könntest du mal kurz beschreiben wie das ganze letztendlich aussehen soll ... Bei den 30 Farben und Schriftgrößen blickt ja keiner durch wie es letztendlich aussehen soll :D

Hintergrund grau?
Schrift -> Weiss - fett
Mouseover -> Farbe? - Fett - ohne Unterstrich ?
Welche Schriftart ?

Markus

Verfasst: 17.06.2005 22:42
von Phil_CH
Hi Markus

Schlussendlich sollte es so aussehen:

Hintergrund = A1B2C2
Schrift Weiss - fett
Mouseover Farbe sollte gleich bleiben ( weiss ) kein Strich
Welche Schriftart Arial Size = 2

Vielen Dank!

Verfasst: 17.06.2005 23:23
von Markus67
Hi ...

Code: Alles auswählen

<style type="text/css">
 a:link    { color:#FFFFFF; text-decoration:none; font-weight:bold; }
 a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; }
 a:hover   { color:#FFFFFF; text-decoration:none; font-weight:bold; }
 a:active  { color:#FFFFFF; text-decoration:none; font-weight:bold; }
</style>


<td height="18" bgcolor="A1B2C2"><span style="font-family:Arial; font-weight:bold; font-size:10pt; color:#FFFFFF" >%KOMMENTARE% | Gelesen: %HITS%</span></td>
Markus

Verfasst: 17.06.2005 23:56
von Phil_CH
Genial Markus! Vielen Dank, genau das habe ich gesucht! Super! Danke!