Verschillende link kleuren op 1 pagina

Status
Niet open voor verdere reacties.
D

DaveCuppen

Gebruiker
Lid geworden
11 jan 2008
Berichten
49
Hoi allemaal,

Ik hoop dat iemand mij hiermee kan helpen :)?
Ik zou graag links willen plaatsen met verschillende kleuren?

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>European Intranet Images</title>
<style type="text/css">
<!--
body {
	background-color: #dededf;
	margin-top: 10px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style4 {color: #CC092A}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.style10 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; }
.style11 {font-size: 10px}
.style12 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
.style14 {font-size: 24px; color: #CC092A; font-family: Arial, Helvetica, sans-serif;}
.style16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.style18 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #CC092A;
}
a:active {
	text-decoration: none;
	color: #000000;
}
a.menubottom:link {
	text-decoration: none;
	color: #FFFFFF;
}
a.menubottom:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.menubottom:hover {
	text-decoration: none;
	color: #FFFF00;
}
a.menubottom:active {
	text-decoration: none;
	color: #FFFFFF;
}
.style21 {
	color: #FFFF00;
	font-weight: bold;
}
.style22 {color: #000000}
.style23 {font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
-->
</style></head>

<body>
<div align="center">
  <table width="845" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
    <!--DWLayoutTable-->
    <tr>
      <td height="14" colspan="12" valign="top"><img src="images/INTRANET_DEF_01.jpg" width="845" height="14"></td>
    </tr>
    <tr>
      <td width="38" height="26">&nbsp;</td>
      <td width="6">&nbsp;</td>
      <td width="36">&nbsp;</td>
      <td width="146">&nbsp;</td>
      <td width="6">&nbsp;</td>
      <td width="47">&nbsp;</td>
      <td width="15">&nbsp;</td>
      <td width="129">&nbsp;</td>
      <td width="189">&nbsp;</td>
      <td width="65">&nbsp;</td>
      <td width="124">&nbsp;</td>
      <td width="44">&nbsp;</td>
    </tr>
    <tr>
      <td height="48">&nbsp;</td>
      <td colspan="5" valign="top"><a href="EU-INTRANET-HOMEPAGE.htm"><img src="images/INTRANET_DEF_04.jpg" alt="Go back to "Homepage"" width="241" height="48" border="0"></a></td>
      <td>&nbsp;</td>
      <td colspan="3" align="right" valign="middle" class="menu1" id="menu1"><span class="style3"><span class="style22">about us&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;site map&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;<a href="EU-INTRANET-CONTACTUS.htm">contact us</a>&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="style4">choose country</span></span></td>
      <td align="right" valign="middle" id="country selection"><form name="form1" method="post" action="">
          <select name="select">
            <option value="Europe">Europe</option>
            <option value="BeNeLux">BeNeLux</option>
            <option value="France">France</option>
            <option value="UK + Ireland">UK + Ireland</option>
            <option value="Italy">Italy</option>
            <option value="Spain">Spain</option>
            <option value="DACH">DACH</option>
            <option value="Hungary">Hungary</option>
            <option value="Poland">Poland</option>
          </select>
      </form></td>
    <td>&nbsp;</td>
    </tr>
    <tr>
      <td height="51">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td height="17"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td colspan="3" valign="top"><img src="images/INTRANET_DEF_08.jpg" width="191" height="17"></td>
        <td valign="top"><img src="images/INTRANET_DEF_09.jpg" width="189" height="17"></td>
        <td colspan="2" valign="top"><img src="images/INTRANET_DEF_10.jpg" width="189" height="17"></td>
      <td></td>
    </tr>
    <tr>
      <td height="25"></td>
      <td></td>
      <td></td>
      <td></td>
      <td>&nbsp;</td>
      <td colspan="3" align="center" valign="top" bgcolor="404041" class="contractmenu" id="contractmenu"><span class="style10">Contract<span class="style11">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span class="style12">Quark-files&nbsp;&nbsp;I&nbsp;&nbsp;PDF-files</span></td>
      <td valign="top" bgcolor="626263" class="directmenu" id="directmenu"><div align="center"><span class="style10">Direct&nbsp;&nbsp;&nbsp;<span class="style11">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span class="style12">Quark-files&nbsp;&nbsp;I&nbsp;&nbsp;PDF-files</span></div></td>
      <td colspan="2" valign="top" bgcolor="8f8e90" class="retailmenu" id="retailmenu"><div align="center"><span class="style10">Retail&nbsp;&nbsp;&nbsp;&nbsp;<span class="style11">&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span class="style12">Quark-files&nbsp;&nbsp;I&nbsp;&nbsp;PDF-files</span></div></td>
      <td></td>
    </tr>
    <tr>
      <td height="203" colspan="8" valign="top"><img src="images/INTRANET_IMAGERY_DEF_03.jpg" width="423" height="203"></td>
      <td colspan="4" valign="top"><img src="images/INTRANET_IMAGERY_DEF_04.jpg" width="422" height="203"></td>
    </tr>
    <tr valign="middle" bgcolor="#CC092A">
      <td height="53" colspan="2" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
      <td align="left" valign="middle" bgcolor="#FFFFFF" id="backbutton"><a href="EU-INTRANET-HOMEPAGE.htm"><span class="style18">&lt; back </span></a></td>
      <td colspan="8" align="right" valign="middle" bgcolor="#FFFFFF" class="menu3" id="menu3"><span class="style18">Jupiter Images &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Databases&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;OD Stock Imagery &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Web Images</span></td>
      <td valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr valign="middle" bgcolor="#CC092A">
      <td height="53" colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
      <td colspan="9" align="right" valign="middle" class="menu4" id="menubottom"><span class="style6">Styleguides&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Inputmaker&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="style23"><a href="http://10.140.230.5/index.html" target="_blank">Meyle M&uuml;ller</a></span><span class="style6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style21">Images</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Documentation </span></td>
      <td valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr valign="middle" bgcolor="#FFFFFF">
      <td height="41">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td></td>
      <td>&nbsp;</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr valign="middle" bgcolor="#FFFFFF">
      <td height="34">&nbsp;</td>
      <td colspan="3" rowspan="2" valign="top"><p class="style3">Office Depot International B.V.<br>
          <br>
          Columbusweg 33<br>
          <br>
          5928 LA&nbsp;&nbsp;Venlo<br>
          <br>
      The Netherlands</p></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td></td>
      <td>&nbsp;</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr valign="middle" bgcolor="#FFFFFF">
      <td height="47">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td></td>
      <td>&nbsp;</td>
      <td></td>
      <td></td>
      <td align="right" valign="bottom" class="style14">Europe</td>
      <td></td>
    </tr>
    <tr valign="middle" bgcolor="#FFFFFF">
      <td height="11"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr valign="middle" bgcolor="#FFFFFF">
      <td height="13" colspan="12" valign="top"><img src="images/INTRANET_DEF_15.jpg" width="845" height="13"></td>
    </tr>
    <tr bgcolor="dededf">
      <td height="30" colspan="12" align="right" valign="middle"><span class="style16">&copy; 2008 by Office Depot, Inc. All rights reserved </span></td>
    </tr>
  </table>
</div>
</body>
</html>

Ik zou graag in het algemeen zwart met als rolloverkleur rood
en in de gekleurde vlakken, wit met als rolloverkleur geel?

Is dit mogelijk heb wel iets gelezen over CSS, maar hier snap ik nog even niks van :(

Alvast vriendelijk bedankt

Groetjes,
Dave
 
Bedankt voor je hulp, maar kom er nog niet echt wijs uit :S
Heb al verschillende dingen gebruikt, maar kom er niet :(

Kan iemand mij iets verder helpen?

Alvast vriendelijk bedankt

Gr.
Dave
 
Kijk eens naar de bijlage
De css en code zijn lichtjes aangepast.
PS Als u in de css opgeeft .menubottom moet dat in de html een class zijn en geen id!
 

Bijlagen

Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan