Link Gestaltung

[kruemelmaus]

Hallo,

ich habe ein kleines Problem.

<h3><a href="http://www.muster.de/cms/index.php?deutsch">Wie kann ich Ihnen helfen?</a></h3>

so wird der Link auf der Seite korrekt dargestellt, allerdings in rot.

Nun habe ich versucht den Link in einer anderen Farbe darzustellen

<h3><a href="http://www.muster.de/cms/index.php?deutsch"><span style="color: #000000">Wie kann ich Ihnen helfen?</span></a></h3>

Die Farbe wurde auch gewechselt nur leider wird die Schriftgrösse nicht mehr angenommen und der Link auf der Seite sehr klein dargestellt.

Was habe ich falsch gemacht?


Gruß

Oliver

[isp-master]

ich würde es so machen:

Code: Select all

<a class="link" href="http://www.muster.de/cms/index.php?deutsch">Wie kann ich Ihnen helfen?</a>

Die Klasse "link" packst du in die frontend.css mit rein:

Code: Select all

.link { font-size: 14px; font-family:Arial; font-weight: none;}
a.link:active,
a.link:hover,
a.link:visited,
a.link:link 
{color: #000000; text-decoration: none;}

a.link:hover {
	text-decoration: none;
	color: #D00E0F;
}

Daniel

[update]

...und wenn Du in der frontend.css sowas Ähnliches machst wie

Code: Select all

h3 a {
font-size 1.5em;
color: #aaaaaa;
text-decoration: none; /*oder text-decoration: underline;*/
}

oder so
dann ist h3, wenn's ein link ist, immer so - kann man natürlich spezieller oder allgemeiner halten, siehe post davor

[Jensensen]

...und wenn Du in der frontend.css sowas Ähnliches machst wie

Code: Select all

h3 a {
font-size 1.5em;
color: #aaaaaa;
text-decoration: none; /*oder text-decoration: underline;*/
}

...

und wenn Du [dem beispiel von claus folgend] Deinen Spaltenaufbau (Seitenlayout) berücksichtigsts, kannst Du noch dediziertere Formatierungen definieren – für alle anderen Elemente!

Bsp:

Code: Select all

#linke_spalte h3 a { style...}
#main_spalte h3 a { style...}
#rechte_spalte h3 a { style...}

#rechte_spalte #MyBox div .myboxy  { style...}
#rechte_spalte #MyBox div .myboxy  p { style...}

Das genau ist ein Aspekt des "Kaskadieren" (--> u.a. Vererbend) bei --> CSS...

Greetz