Unterschiedliche Links

[Ay Chiquita]

Hi Jungs,

Ich glaube, ich habe da ein Problem, das hier noch nicht besprochen wurde.
Ich habe eine Internetseite, auf der ich Links unterschiedlich gestalten möchte. Auf meiner Seite gilt für manche Links folgender Code ...

<style type="text/css">

 a:link { text-decoration:none; color:#FFFFFF }
 a:visited { text-decoration:none; color:#FFFFFF }
 a:hover { text-decoration:underline; color:#FFFFFF }
 a:active { text-decoration:none; color:#FFFFFF }
 a:focus { text-decoration:none; color:#FFFFFF }

</style>

(Keine CSS-Datei, sondern in der index.php eingebaut)

Für andere Links jedoch möchte ich andere Farben verwenden - Wie mache ich sowas? Wäre nett wenn jemand mir helfen könnte ;)

 

[digga]

Hier hab ich eine CSS-Lösung für dein Problem:

<style type="text/css" media="screen, projection">
@import url( style.css );
</style>

Wenns das nich sein soll hab ich auch noch Html:

<a href="....</a><font color="DeineFarbe">Dein Link</font>

Und soweit ich weiss geht das mit php nicht...
...aber in php bin ich ne Niete!!

 

[flapo]

Mit IDs oder Klassen.

<div id="meine_id">
<a href="#">Link 1</a>

<a href="#">Link 2</a>
</div>

CSS dazu:

#meine_id a:link { text-decoration:none; color:#FFFFFF }
#meine_id a:visited { text-decoration:none; color:#FFFFFF }
#meine_id a:hover { text-decoration:underline; color:#FFFFFF }
#meine_id a:active { text-decoration:none; color:#FFFFFF }
#meine_id a:focus { text-decoration:none; color:#FFFFFF }

ODER du gibst jedem Link, der anders sein soll, eine Klasse:

<a href="#">Link 1</a>
<a href="#" class="anders">Link 2</a>
<a href="#" class="anders">Link 3</a>
<a href="#">Link 4</a>

CSS dazu:

a.anders :link { text-decoration:none; color:#FFFFFF }
a.anders :visited { text-decoration:none; color:#FFFFFF }
a.anders :hover { text-decoration:underline; color:#FFFFFF }
a.anders :active { text-decoration:none; color:#FFFFFF }
a.anders :focus { text-decoration:none; color:#FFFFFF }

(Hoffe mal, das zweite Beispiel stimmt von den Regeln her...)

id bei css4you.de
class bei css4you.de