Links - 2 unterschiedliche Darstellungen

Status
Nicht offen für weitere Antworten.

cry_baby

Mitglied
Hallo,

ich möchte gerne, dass auf meiner Seite die Links unterschiedlich dargestellt werden. Komme leider zu keinem Ergebnis.

Ziemlich weit unten im Code steht der Text "Um die einzelnen Räume anzusehen bitte <c href="test.php">hier</c> klicken.

Hier mein Code:

HTML:
<!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=iso-8859-1" />
<title>Feuerwehr Sonnefeld</title>
<style type="text/css">

a:link { font-weight:normal; color:#ffffff; text-decoration:none; }
a:visited { font-weight:normal; color:#ffffff; text-decoration:none; }
a:focus { font-weight:normal; color:#e5e5e5; text-decoration:none; }
a:hover { font-weight:normal; color:#e5e5e5; text-decoration:none; }
a:active { font-weight:normal; color:#e5e5e5; text-decoration:none; };

c:link { font-weight:normal; color:#000000; text-decoration:none; }
c:visited { font-weight:normal; color:#000000; text-decoration:none; }
c:focus { font-weight:normal; color:#666666; text-decoration:none; }
c:hover { font-weight:normal; color:#666666; text-decoration:none; }
c:active { font-weight:normal; color:#6666666; text-decoration:none; }

	ul#button1 {
	font-family:Tahoma;
	color:#ffffff;
	background-color:#d3373b;
	padding: 0;
	margin: 0;
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top:3px;
	padding-bottom:3px;
	margin-top: 0px;
	font-size: 14px;
	}
	ul#buttons {
	font-family:Tahoma;
	color:#ffffff;
	background-color:#d3373b;
	padding: 0;
	margin: 0;
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top:3px;
	padding-bottom:3px;
	margin-top: 10px;
	font-size: 14px;
	}
	ul#Menü {
	font-family:Tahoma;
	color:#ffffff;
	padding: 0;
	margin: 0;
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 17px;
	}
	ul#text{
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
	}
	ul#text2{
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
	}
	ul#text3{
	font-family:Tahoma;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	margin-right:40px;
	}
	ul#seite{
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	margin-top:40px;
	}
</style>
</head>

<body>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th colspan="18" scope="col"><img src="bilder/banner.jpg" width="980" height="115" /></th>
  </tr>
  <tr>
    <td width="10" bgcolor="#E5E5E5" scope="col">&nbsp;</td>
    <td colspan="6" bgcolor="#d3373b"><ul id="Men&uuml;">&nbsp;
			<a href="home.php">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    <a href="berichte2008.php">Berichte</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    <a href="einsaetze2008.php">Einsätze</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    <a href="wirueberuns.php">Wir über uns</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    <a href="verein.php">Verein</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    <a href="../gbook/gbook.php">Gästebuch</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    <a href="impressum.php">Impressum</a>
    </ul></td>	
    <td colspan="6" bgcolor="#e5e5e5"><img src="bilder/notruf112.png" width="238" height="90" /></td>
  </tr>
  <tr>
  <td width="10" rowspan="3" bgcolor="#E5E5E5"></td>
  <td height="5"></td>
  <td height="5"></td>
  <td height="5"></td>
  <td width="169" height="5"></td>
  <td width="35" height="5"></td>
  <td width="368" height="5"></td>
  <td width="5" height="5"></td>
  <td width="218" height="5"></td>
  <td height="5"></td>
  <td width="10" rowspan="3" bgcolor="#E5E5E5"></td>
  </tr>
  <tr>
  <td width="5" height="400"></td>
  <td width="150" valign="top" bgcolor="#E5E5E5">
  <ul id="button1"><a href="mannschaft.php"><strong>Mannschaft</strong></a></ul>
  <ul id="buttons"><a href="geraetehaus.php"><strong>Gerätehaus</strong></a></ul>
  <ul id="buttons"><a href="fahrzeuge.php"><strong>Fahrzeuge</strong></a></ul>
  <ul id="buttons"><a href="firstresponder.php"><strong>First Responder</strong></a></ul>  
  <ul id="buttons"><a href="jugendfeuerwehr.php">Jugendfeuerwehr</a></ul>  </td>
  <td width="5"></td>
  <td colspan="5" valign="top" bgcolor="#E5E5E5">
  <ul id="seite">
	<img src="bilder/platzhalter.jpg" width="709" height="203" /><br /><br />  </ul>
    <ul id="text3">
      <div align="justify">Unser Gerätehaus wurde im Jahr 2004 neu erbaut. Das alte Feuerwehrhaus, welches an gleicher Stelle stand, wurde komplett abgerissen. Das neue Haus besitzt 4 Stellplätze und eine Waschhalle. Alle Funktionsräume befinden sich im Erdgeschoß. Der Schulungsraum und das Büro sind im Obergeschoss. In einem Anbau an der Rückseite des Gebäudes ist der RTW der BRK-Bereitschaft stationiert. Der Schulungsraum wird von beiden Organisationen genutzt.<br />
        Um die einzelnen Räume anzusehen bitte 
        <c href="test.php">hier</c>        klicken.</div>
    </ul>
    

  </td>
  <td width="5"></td>
  </tr>
  <tr>
  <td height="5" colspan="9"></td>
  </tr>
    <tr bgcolor="#E5E5E5">
  <td height="10" colspan="11"></td>
  </tr>
</table>
</body>
</html>
 
Hallo,

ich würde es mit einem class-Selektor machen.
CSS:
Code:
a.c:link { font-weight:normal; color:#000000; text-decoration:none; }
a.c:visited { font-weight:normal; color:#000000; text-decoration:none; }
a.c:focus { font-weight:normal; color:#666666; text-decoration:none; }
a.c:hover { font-weight:normal; color:#666666; text-decoration:none; }
a.c:active { font-weight:normal; color:#6666666; text-decoration:none; }
HTML:
<div align="justify">...
        Um die einzelnen Räume anzusehen bitte 
        <a class="c" href="test.php">hier</a>
        klicken.
</div>
 
Status
Nicht offen für weitere Antworten.
Zurück