✔ Linkfarben...

Status
Nicht offen für weitere Antworten.
I

ifi

Grünschnabel
Hi@all!
so, mein erster post, sowie die erste Frage, -> habe die Forum suche benutzt leider nix gefunden T_T

Wie dem auch sei!

also, folgendes problem:

Meine Navigation ist auf einem Grünen Hintergrund
Und mein Content auf einem Weißen Hintergrund^^
Nun gibt es folgendes problem:

Die Links in der Navigation sollen WEIß sein!
Die Links im Content sollen #99999 sei(wie der rest vom content)

Das Layout ist ein DIV layout

und nun:

wenn ich im <body alink="#fff" hlink=""..."> usw. angebe, werden die links in der navigation auf grünem bg wundervoll sichtbar,...
ABER wenn ich nun in die content spalte blicke...sehe ich keine links, da weißes auf weißem nicht sichtbar ist(ah ne XD)

wie kann ich nun der navigationsspalte die aus div elementen bestäht , eine weiße link farbe zuweisen und der content spalte eine #999 farbige?

THX 4 help!
PS: Hier ist der code:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="generator" content="xxx">
<meta name="copyright" content="xxx">
<meta name="date" content="6-12-2005">
<meta name="language" content="de">
<meta name="description" content="Portfolio & Webdesign">

<title>Der Titel</title>
<style type="text/css" media="screen"><!--
#Ebene1  { visibility: visible; position: absolute; top: 0; left: 0pt; width: 843px; height: 663px }
#Ebene2  { visibility: visible; position: absolute; top: 238.5px; left: 292px; width: 392px; height: 375px }
#Ebene3  { color: #fff; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 260px; left: 120px; width: 134px; height: 14px }
#Ebene4  { color: #999; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 287px; left: 282px; width: 394px; height: 421px }
#Ebene5  { color: #9acc33; font-size: 12pt; font-family: Arial; font-weight: bold; visibility: visible; position: absolute; top: -58px; left: 40px; width: 263px; height: 19px }
#Ebene6  { color: #999; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: -39px; left: 7px; width: 296px; height: 26px }
#Navi1    { color: #fff; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 280px; left: 120px; width: 134px; height: 14px }
#Navi2   { color: #fff; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 300px; left: 120px; width: 134px; height: 13px }
#Navi3   { color: #fff; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 320px; left: 120px; width: 134px; height: 13px }
#Navi4   { color: #fff; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 340px; left: 120px; width: 134px; height: 13px }
#Navi5   { color: #fff; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 360px; left: 120px; width: 134px; height: 13px }
#Navi6   { color: #fff; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 380px; left: 120px; width: 134px; height: 13px }
#Navi7   { color: #fff; font-size: 8pt; font-family: Verdana; visibility: visible; position: absolute; top: 400px; left: 120px; width: 134px; height: 13px }
.class { color: #999; font-size: 8pt; font-family: Verdana }
--></style>
</head>

<body style="margin-top:0px; margin-left:0px; background-color:#F0F0F0;">
<div id="Ebene1" align="center">
		<img src="img/design/header_top_01.jpg" alt="" height="154" width="843" border="0">
		<img src="img/design/main_body_header_end.jpg" alt="" border="0">
		<img src="img/design/content_bg.jpg" alt="" height='2700' width="843" border="0">
		<img src="img/design/main_page_end.jpg" alt="" height="169" width="843" border="0">
</div>


<!-- MENÜ ANFANG -->
<div id="Ebene3">
<div align="right">
		<b>° Menü °</b>
</div>
/div>

<div id="Navi1">
		<a href="index.php?page=main">Diese Links sollen WEIß SEIN!</a></div>
<div id="Navi2">
<strike>Community Forum</strike></div>

<div id="Navi3">
		<a href="index.php?page=">Diese Links sollen WEIß SEIN!</a></div>
<div id="Navi4">
		<a href="index.php?page=">Diese Links sollen WEIß SEIN!</a></div>
<div id="Navi5">
		<a href="index.php?page=">Diese Links sollen WEIß SEIN!</a></div>
<div id="Navi6">
		<a href="index.php?page=">Diese Links sollen WEIß SEIN!</a></div>
<div id="Navi7">
		<a href="index.php?page=">Diese Links sollen WEIß SEIN!</a></div>
<!-- MENÜ ENDE -->


<!-- CONTENT -->
<div id="Ebene4">	
        <div id="Ebene5">xxx-willkommen-xxx</div>
		<div id="Ebene6">
			muh muh muh<br>...muh
		</div>

<span style="font-family:Arial; font-size:12pt; color:#9acc33; font-weight:bold;">Content Titel</span><br>
		<br>
			<br>

<table width="387" border="0" cellspacing="0" cellpadding="2">
			<tr>
			<td>
			<a href="derlink.php" border="0">Dieser LINK SOLLTE die farbe #999999 haben</a>
			</td>
			</tr>
</table>


</div>

</body>
</html>
 
Zuletzt bearbeitet:
Warum tust du jeden einzelnen Link in ein Div?

Du musst einfach alle Links in der Navi in ein Div schmeißen und in diesen Div schreiben:

<div style="color:#0000CC">
<p>Link 1</p>
<p>Link 2</p>
<p>Link 3</p>
</div>

Das selbe machst du natürlich mit dem Content auch.
 
Du kannst auch folgendermassen vorgehen:
Du hast ein DIV fuer die Navi, mit der ID #navi, und ein DIV fuer den Content, ID #content. Du kannst dann fuer beide seperat die Links formatieren, ungefaehr so:
Code: 
#navi a
{
 color:#ffffff;
}
#content a
{
 color:#0000ff;
}
Wenn Du willst kannst Du das ganze auch noch mit a:hover, a:active und a:visited machen.
 
@siege
Weil jeder einzelne damit dynamischer ist und an einem gesondeten ort sein muss..
Hat schon seinen grund warum die einzeln sind ;]


Desweiteren hilft dein code nicht da die links trotzdem blau sind :D"

@Dennis,
mom, dein ist im prinzip das selbe wie siege seins ^^"
 
Also hier mal ein Vorschlag für die totale Notlösung:

Für jeden Div Link schreiben:

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

Dein Code wird dann allerdings sau lang... aber jeder Link ist dann individuell.

Sorry ich hab mir dein Problem zu erst überhaupt nicht richtig angeschaut und dachte du bist ganz neu in CSS. :) Hat jemand noch eine bessere Lösung?

Vielleicht eine Klasse machen? Ich probier mal...
 
Jo so hab ich mir das auch zuerst gedacht aber bei ifi ist irgendwie jeder Link an einer anderen Position? Ich kann mir das nicht so wirklich vorstellen. :D
 
Also, es geth hier ja nicht um die navi, die kann man ja ganz leicht weiss machen indem man , im body die tags alink, usw. ganz leicht definiert,...
mir würde es eher um die content spalte gehen!
Da dort die links weiss auf weiss sind, und dort ist es nur ein div tag!
also, dort würde ich schrift und links gerne #999999 haben....T_T

Leider habe ich grade ein dickes brett vorm kopf und nix klappt T_T
 
Dennis hat dir doch schon die Lösung gezeigt, du mußt sie nur noch auf deine Wünsche und Gegebenheiten anpassen:

Code: 
#Ebene4 a
{
color: #999999;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück