gekleurde en underlined url's

Status
Niet open voor verdere reacties.
T

tientien

Gebruiker
Lid geworden
23 dec 2007
Berichten
6
Hoi,

Ik ben een beginner op het gebied van html, dreamweaver.
Ik heb mijn eigen website maar ik kom maar niet van de gekleurde en onderstreepte links af.

Ik heb de code textdecoration;none gebruikt (eingelijk overal waar ik m plaatsen kon, naar mijn inziens) en ook bij pageporperties.. maar als ik de pagina's upload krijg ik nog steeds de links met de kleuren en onderstreping te zien.

Wie kan mij helpen?

Groeten,
Sandra.
 
Plaats dit tussen je <head> en </head>


PHP: 
<style type="text/css">
<!--
a { text-decoration:none; }
a:hover { color:#000000; }
a:active { color:#000000; }
a:passive { color:#000000; }
-->
</style>

Zo kan je ook onderscheid maken tussen de normale, gebruikte en hoverende links =)
 
Helaas, ook dan is er nog die kleur enz..:(

Al staat het bij dreamweaver wel goed.. hij laat het op het scherm niet goed zien..

Wat zou het kunnen zijn?
 
Kan je misschien jouw code tussen [ PHP] en [ /PHP] plaatsen... Dan kunnen we daar aan zien hoe het misschien anders moet.

Of je moet een online voorbeeld hebben.
Ik kan op dit moment even niet op de oplossing komen...
 
oke, dat ga ik nog even proberen.. Zet .nl achter mijn naam en dan heb je mijn site :D

Alle codes staan nog in de pagina's heb nog geen aparte css file gemaakt omdat ik niet weet hoe ik dat moet aanpakken.

Bedoel je dat misschien met externe CSS?
 
Als het goed is, moet het zo werken..

Ik was de a:link vergeten (had in eerste instantie bij a ook de kleur neergezet)
Als je het zo gebruikt, heb je meteen een externe stylesheet =)

home.html?
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>23Tien grafische vormgeving</title>
	<link rel="stylesheet" type="text/css" href='23tien.css' />
</head>

<body>
<div id="header"></div>
<div class="style1" id ="navigatie" align="center" >
	<span class="style2">Home</span>
	<span class="style4">
		l <a href="23tien.html">23Tien </a> 
		l <a href="diensten.html">Diensten</a> 
		l <a href="portfolio.html">Portfolio</a> 
		l <a href="contact.html">Contact</a>
	</span>
</div>

<div id="content">
	<div id="contentlinks"> </div>
	<div class="style3" id="contentrechts">
		<p class="style3"><br />
		<br />
		23 Tien is een jong grafisch ontwerp bureau.<br />
		We zijn gespecialiseerd in het ontwerpen van grafische <br />
		vormgeving in de breedste zin van het woord.<br />

		<br />
		Daarnaast bieden wij ook de mogelijkheid aan om een website te realiseren.</p>
		<p class="style3">&nbsp; </p>
		<p>&nbsp;</p>
	</div>
</div>
</body>
</html>

23tien.css (in dezelfde map opslaan)
PHP: 
body {
	background-color:#006600;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#053A16 ;
	margin-top:0px;
}

#header { 
	width:661px;
	height:179px;
	background:url(images/header2.jpg);	
	margin-left:auto; 
	margin-right:auto;  
	margin-top:0px;
}
#navigatie { 
	width:661px; 
	height:30px; 
	background:#006600; 
	margin-left:auto; 
	margin-right:auto;
}
#content { 
	width:661px;
	height:554px; 
	background:url(images/content1.jpg); 
	margin-left:auto; 
	margin-right:auto; 
	position:relative; 
}
#contentlinks { 
	width:145px; 
	height:236px; 
	background:url(images/navhome.jpg) ; 
	position: absolute; 
	left:20px; 
	top:20px; 
}
#contentrechts { 
	width:465px; 
	height:534px; 
	background:none ; 
	position: absolute; 
	right:12px; 
	top:20px; 
	text-align:left; 
}

.style1 {
	color: #14962A;
	font-size: 16px;
}
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}
.style3 { color: #000000; }
.style4 { color: #00CC00; }

a { text-decoration:none; }
a:link {color:#000000;} 
a:hover { color:#00FF00; }
a:active { color:#00FFCC }
a:visited { color:#FF0000; }
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan