phpwcms Support Forum

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

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

...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

claus wrote:...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

phpwcms Support Forum

Link Gestaltung

Link Gestaltung

Re: Link Gestaltung

Re: Link Gestaltung

Re: Link Gestaltung