Seite 1 von 1

Problem beim Einbinden von Links in den Header

Verfasst: 24.09.2010 16:14
von Nico12345
Hallo zusammen,
ich habe "Schwierigkeiten", beim Einbinden von Links in den Header.
Das Problem ist nicht, dass ich die Links nicht in den Header bekomme sondern die Darstellung!

Ich möchte, dass die Links in weiß dargestellt werden und am besten wäre es, dass wenn beim "drüber fahren"
der Link zusätzlich weiß unterstrichen wird. Ich habe es nun soweit, dass die Links weiß dargestellt sind aber
beim Besuchen werden sie blau.

Hier ist ist die URL zu meinem Board:
Board Link

Und diesen Code habe ich in meiner Overall_Header.html:

Code: Alles auswählen

                        <div id="site-description">
						<!-- Anfang Banner --><div id="site-description><a href="{U_INDEX}"><img src="styles/prosilver/imageset/site_logo.gif" border="0" alt="{L_INDEX}" vspace="1"width="300" height="50"/></a><p>&nbsp;&nbsp;
						
						
						<img src="http://pic-projekte.de/phpBB3/icons/group.png">&nbsp;<a href="http://pic-projekte.de/phpBB3/index.php">Startseite Forum</a>&nbsp;&nbsp;
						<img src="http://pic-projekte.de/phpBB3/icons/layout.png">&nbsp;<a href="http://pic-projekte.de/rechts.html" target="rechts">Startseite PIC-Projekte</a>&nbsp;&nbsp;
						<img src="http://pic-projekte.de/phpBB3/icons/page_edit.png">&nbsp;<a href="http://pic-projekte.de/Kontakt.html" target="rechts">Impressum</a>&nbsp;&nbsp;
						
						</p></div><!-- Ende Banner -->	
Und diesen dazu in der common.css:

Code: Alles auswählen

#site-description a:link 	{
							text-decoration : none;
							color: #FFFFFF;
							}
							
#site-description v:link 	{
							text-decoration : none;
							color: #FFFFFF;
							}
							
#site-description :link 	{
							text-decoration : none;
							color: #FFFFFF;
							}	
PS: Der Code in der CSS ist zusätzlich, ich habe nix altes gelöscht oder ersetzt!

Ich hoffe Ihr könnt mir weiter helfen. Lieben Gruß Nico :)

Re: Problem beim Einbinden von Links in den Header

Verfasst: 24.09.2010 23:14
von Talk19zehn
Hallo Nico, Linkklassen zu definieren, ist gar nicht schwer. Ich mache das meist in der Form:

Nur ein Beispiel: Erscheinungsbild bitte Deinen Wünschen anpassen

Code: Alles auswählen

a.class1:link {
color:#0066CC;
font-weight:bold;
text-decoration:underline;
}

a.class1:visited {
color:#0066CC;
font-weight:bold;
text-decoration:underline;
}

a.class1:hover {
color:#0066CC;
font-weight:bold;
text-decoration:underline;
}

Hilfen zur Gestaltung u.a.: http://de.selfhtml.org/html/verweise/definieren.htm

HTML: Beispiel

Code: Alles auswählen

 <img src="http://pic-projekte.de/phpBB3/icons/layout.png">&nbsp;<a href="http://pic-projekte.de/rechts.html" class="class1">Startseite PIC-Projekte</a>&nbsp;&nbsp;

Viele Grüße

Re: Problem beim Einbinden von Links in den Header

Verfasst: 24.09.2010 23:26
von Nico12345
Super klasse! Hat wunderbar geklappt, dankeschön :grin: