Link Gestaltung

Hier bekommst Du deutschsprachigen Support. Keine Fehlermeldungen oder Erweiterungswünsche bitte!
Post Reply
kruemelmaus
Posts: 88
Joined: Tue 31. Jan 2006, 11:35
Location: Wermelskirchen / Germany

Link Gestaltung

Post by 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
Posts: 85
Joined: Mon 26. Feb 2007, 17:44

Re: Link Gestaltung

Post by 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
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Link Gestaltung

Post by 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 :idea:
dann ist h3, wenn's ein link ist, immer so - kann man natürlich spezieller oder allgemeiner halten, siehe post davor :wink:
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Re: Link Gestaltung

Post by Jensensen »

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
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
Post Reply