• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abstand von Bildern als Link in einer Zelle

M

mariusylo

Neues Mitglied
Hallo!

Ich, blutiger Anfänger der von nichts eine Ahnung hat, versucht eine Homepage zu basteln. Bin eigentlich fertig, habe allerdings noch ein Problem. ich habe in meinem Menu Bilder als Links untereinander innerhalb einer Zelle. Die Bilder haben allerdings einen Abstand zueinander, allerdings nicht zur Seite, nur nach unten. Dieser Abstand zählt komischerweise immernoch als Link und dieses Problem tritt bei Mozilla und IE auf, bei Opera ist die Seite perfekt. Ich habe schon überall border="0" und cellpadding/spacing="0". Was tun?

Danke im Voraus
 
Die Seite ist noch nicht online, aber ich uppe mal einen Screen.

"Formatierung der Graphiken als Block-Element

Wenn die Graphiken jeweils einzeln in einem Element liegen, so können die Graphiken mit display:block als Block-Element formatiert werden. Dadurch erzeugt das Bild keine Line-Box mit dazugehöriger Basislinie mehr. Gleichzeitig passt sich die Höhe des umschließendes Elementes an die Höhe der Graphik an. Wenn so formatierte Graphiken untereinander angeordnet werden, treten keine Lücken auf.

Diese Methode ist nicht geeignet, wenn Graphiken gleichzeitig auch innerhalb eines Elementes nebeneinander angeordnet werden sollen, da sonst durch die Block-Formatierung automatisch ein Zeilenumbruch erzeugt wird."

Kann bitte jemand ein Beispiel schreiben wie man das benutzen soll?

Mozilla
IE

Das Problem besteht, wie gesagt, nicht bei Opera.
 
Ohne Link und ohne Quelltext ist es ungefähr so wie beim Zahnarzt:
Der kann dir auch nicht durch's Telefon helfen.
Es gibt aber Free-Webspace, den man zum Testen nutzen könnte.
 
Okay, dann hier schonmal der Quelltext. Ich weiß, dass der unglaublich schlecht und unvollständig ist, aber für mehr hat's nicht gereicht, nicht lachen bitte :-D

Code: 
<html>
 <body bgcolor=""E7DBBC">
<style type="text/css">
html, body {
  margin:0;
  padding:0;
}
div {
  border: 0px solid #000000;
  background-color: #E7DBBC;
}
</style>
   <title>Foto Video AS</title>
   <link rel="SHORTCUT ICON" href="imgs/asico.ico">
  </head>
   <table border="0" cellpadding="0" cellspacing="0">
    <tr border="0">
     <td background="imgs/top.jpg" border="0">
      <img src="imgs/px.gif" width=1394 height=227 border="0"><img src="imgs/start_h.jpg" width=1 height=1 border="0"><img src="imgs/gals_h.jpg" width=1 height=1 border="0"><img src="imgs/videos_h.jpg" width=1 height=1 border="0"><img src="imgs/kontaktm_h.jpg" width=1 height=1 border="0"><img src="imgs/about_h.jpg" width=1 height=1 border="0"><img src="imgs/links_h.jpg" width=1 height=1 border="0">
     </td>
    </tr>
   </table>
   <table cellpadding="0" cellspacing="0" border="0">
    <tr border="0">
     <td background="imgs/hki_left.jpg" border="0">
      <img src="imgs/px.gif" width=916 height=82 ALT="AS" border="0">
     </td>
     <td background="imgs/home_n.jpg" border="0">
      <a href="index.html" border="0">
<div>
       <img src="imgs/home_n.jpg"
       onmouseover="this.src='imgs/home_h.jpg'"
       onmouseout="this.src='imgs/home_n.jpg'" border="0">
</div>
      </a>
     </td>
     <td background="imgs/kontakt_n.jpg" border="0">
      <a href="kontakt.html" border="0">
<div>
       <img src="imgs/kontakt_n.jpg"
       onmouseover="this.src='imgs/kontakt_h.jpg'"
       onmouseout="this.src='imgs/kontakt_n.jpg'" border="0">
</div>
      </a>
     </td>
     <td background="imgs/impressum_n.jpg" border="0">
      <a href="impressum.html" border="0">
<div>
       <img src="imgs/impressum_n.jpg"
       onmouseover="this.src='imgs/impressum_h.jpg'"
       onmouseout="this.src='imgs/impressum_n.jpg'" border="0">
</div>
      </a>
     </td>
     <td background="imgs/hki_right.jpg" border="0">
      <img src="imgs/px.gif" width="248" height="82" border="0">
     </td>
    </tr>
   </table>
   <table cellpadding="0" cellspacing="0" border="0">
    <tr>
     <td background="imgs/content_left.jpg" border="0">
      <img src="imgs/px.gif" width=251 height=691 border="0">
     </td>
     <td background="imgs/content.jpg" border="0" valign="top" width="640">
      <img src="imgs/line_home.jpg" ALT="Herzlich Willkommen bei Foto Video AS" border="0">
       <br>
        <font size="-1" face="Verdana, Tahoma, Century Gothic, Century" color="989898"><i>
         
         <br>Text
        </i></font>
     </td>
     <td background="imgs/menu_top.jpg" border="0" width=258 height=26 valign="top">
      <img src="imgs/menu_top.jpg" border="0">
       <br>
      <a href="index.html">
       <img src="imgs/start_n.jpg"
       onmouseover="this.src='imgs/start_h.jpg'"
       onmouseout="this.src='imgs/start_n.jpg'" border="0">
      </a>
       <br>
      <a href="galerien.html">
       <img src="imgs/gals_n.jpg"
       onmouseover="this.src='imgs/gals_h.jpg'"
       onmouseout="this.src='imgs/gals_n.jpg'" border="0">
      </a>
       <br>
      <a href="videos.html">
       <img src="imgs/videos_n.jpg"
       onmouseover="this.src='imgs/videos_h.jpg'"
       onmouseout="this.src='imgs/videos_n.jpg'" border="0">
      </a>
       <br>
      <a href="kontakt.html">
       <img src="imgs/kontaktm_n.jpg"
       onmouseover="this.src='imgs/kontaktm_h.jpg'"
       onmouseout="this.src='imgs/kontaktm_n.jpg'" border="0">
      </a>
       <br>
      <a href="about.html">
       <img src="imgs/about_n.jpg"
       onmouseover="this.src='imgs/about_h.jpg'"
       onmouseout="this.src='imgs/about_n.jpg'" border="0">
      </a>
       <br>
      <a href="links.html">
       <img src="imgs/links_n.jpg"
       onmouseover="this.src='imgs/links_h.jpg'"
       onmouseout="this.src='imgs/links_n.jpg'" border="0">
      </a>
       <br>
      <img src="imgs/menu_bottom.jpg" border="0"></a>
     </td>
     <td background="imgs/menu_right.jpg" border="0">
      <img src="imgs/px.gif" width=251 height=691 border="0">
     </td>
    <tr>
   </table>
 </body>
</html>

Danke nochmal :o)
 
Hallo.

Das deine Seite im Opera so angezeigt wird wie du es möchtest ist nur Zufall.

Du hast keinen Doctype.

Dein Grundgerüst ist falsch aufgebaut.
Eine Homepage wird so aufgebaut:
HTML: 
<html>
 <head>
 <head/>
   <body>
   <body/>
<ntml/>
Bei dir beginnt der body schon vor head.

Bitte beseitige erst mal die ganz groben Fehler bevor du dich mit dem Aussehen deiner Webseite beschäftigst.

Gruss
Elroy
 
So wie es aussieht müsste der Link von prm helfen

Bei mir war es auch so das bei Ie unter den Bildern Platz war weil die irgentwie wie Text einen Absatz bekommen wen man die zu einem Blockelement macht müsste es weg sein !

Code: 
img {
display: block;
}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben