brauche hilfe bei tabelle (für navi)

Meiner Meinung nach ( und bei mir probiert ) korigierte Fassung!

Code:
<html> 
<head> 
<title>Navigationsleiste</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head> 

<body bgcolor="#242424" text="#000000" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> 
<div align="center"> 
  <table width="840" border="0" height="40" align="center" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="135" height="40" valign="top"> 
        <div align="left"><a href="#" onfocus="this.blur();"><img src="../pictures/icon_3.png" width="40" height="40" border="0"><img src="../pictures/text_startseite.png" width="80" height="40" border="0"></a></div>
      </td>
      <td width="135 height="40" valign="top"> 
        <div align="left"><a href="#" onfocus="this.blur();"><img src="../pictures/icon_1.png" width="40" height="40" border="0"><img src="../pictures/texte_texte.png" width="80" height="40" border="0"></a></div>
      </td>
      <td width="135" height="40" valign="top"> 
        <div align="left"><a href="#" onfocus="this.blur();"><img src="../pictures/icon_2.png" width="40" height="40" border="0"><img src="../pictures/text_bilder.png" width="80" height="40" border="0"></a></div>
      </td>
      <td width="135" height="40" valign="top"> 
        <div align="left"><a href="#" onfocus="this.blur();"><img src="../pictures/icon_4.png" width="40" height="40" border="0"><img src="../pictures/text_downloads.png" width="80" height="40" border="0"></a></div>
      </td>
      <td width="135" height="40" valign="top"> 
        <div align="left"><a href="#" onfocus="this.blur();"><img src="../pictures/icon_5.png" width="40" height="40" border="0"><img src="../pictures/text_links.png" width="80" height="40" border="0"></a></div>
      </td>
      <td width="135" height="40" valign="top"> 
        <div align="left"><a href="#" onfocus="this.blur();"><img src="../pictures/icon_6.png" width="40" height="40" border="0"><img src="../pictures/text_uebermich.png" width="80" height="40" border="0"></a></div>
      </td>
    </tr>
  </table> 
</div> 
</body> 
</html>
 
Es lag an:

· <img src="irgendeinbild.jpg" ....border="0">
· <table ......cellspacing="0" cellpadding="0" ....>
· <td .... valign="top" ...>

Wobei der letzte Punkt nicht so wichtig ist!

<a href="#" onfocus="this.blur();">

Den "Anker" , meine # habe ich eingefügt, weil ich noch keine "HTMs hatte...

onfocus="this.blur();"> ist dafür da, damit die "lästigen gestrichelten Linien bei Links entfallen!
 
Dass da ältere Browser bei einem onFocus="this.blur()" nicht mitspielen, ist euch bekannt, bzw. unerheblich für das Projekt?

Geist
 

Neue Beiträge

Zurück