Abstand von Bildern als Link in einer Zelle

html.de-Forum HTML, XHTML & CSS
1

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

2

Ein Link zur Seite wäre hilfreich.
Vielleicht hilft aber auch dies: Lücke am unteren Bildrand

3

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.

4

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.

5

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 :smiley:

[CODE]

html, body { margin:0; padding:0; } div { border: 0px solid #000000; background-color: #E7DBBC; } Foto Video AS
AS
Herzlich Willkommen bei Foto Video AS 
     <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>
[/CODE]

Danke nochmal :o)

6

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]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

7

Achso, und den Doctype benutze ich wie?

8

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 !

img { display: block; }

9

Der Suchbegriff für Google lautet: HTML Doctype.
Gleich der erste Treffer erklärt das alles viel besser als ich es kann.

Gruss
Elroy