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

[ERLEDIGT] Platz zwischen Bildern entfernen

T

TimoW

Mitglied
Hallo,

ich habe eine Tabelle mit 12 verschiedenen Bildern erstellt.
bildschirmfoto-2016-01-07-um-190447.png

Jedoch möchte ich den Platz zwischen den einzelnen Bildern entfernen.
Hier mein Code:
Code: 
<html>
<head>
<title>Mouseover Effekt</title>
<script language="JavaScript">
</script>
</head>
<center>
<table>
<td>
  <img src="Eins1.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei1.png'"
  onMouseOut="src='Eins1.png'"/>
  <img src="Eins4.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei4.png'"
  onMouseOut="src='Eins4.png'"/>
  <img src="Eins7.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei7.png'"
  onMouseOut="src='Eins7.png'"/>
  <img src="Eins10.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei10.png'"
  onMouseOut="src='Eins10.png'"/>
  </td>
  <tr>
  <td>
  <img src="Eins2.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei2.png'"
  onMouseOut="src='Eins2.png'"/>
  <img src="Eins5.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei5.png'"
  onMouseOut="src='Eins5.png'"/>
  <img src="Eins8.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei8.png'"
  onMouseOut="src='Eins8.png'"/>
  <img src="Eins11.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei11.png'"
  onMouseOut="src='Eins11.png'"/>
  </tr>
  </td>
  <tr>
  <td>
  <img src="Eins3.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei3.png'"
  onMouseOut="src='Eins3.png'"/>
  <img src="Eins6.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei6.png'"
  onMouseOut="src='Eins6.png'"/>
  <img src="Eins9.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei9.png'"
  onMouseOut="src='Eins9.png'"/>
  <img src="Eins12.png" alt="" height="200" width="250"
  onMouseOver="src='Zwei12.png'"
  onMouseOut="src='Eins12.png'"/>
  </tr>
  </td>
  </table>
  </center>
</body>
</html>

Danke im Voraus!
 
HTML: 
<table cellspacing="0">
Und zusätzlich für die <img>-Elemente im Dokumentheader dieses CSS notieren:
CSS: 
<style type="text/css">
  img {display:block}
</style>
Mit dieser "Block-Level-Charakteristika" interpretieren sie nicht den anschließenden Zeilenumbruch zum schließenden </td>-Tag.

Auf dem Screenshot deutlich an den unterschiedlich großen horizontalen und vertikalen Bildabständen zu erkennen.
 
Zuletzt bearbeitet:
Spicelab schrieb:
HTML: 
<table cellspacing="0">
Und zusätzlich für die <img>-Elemente im Dokumentheader dieses CSS notieren:
CSS: 
<style type="text/css">
  img {display:block}
</style>
Mit dieser "Block-Level-Charakteristika" interpretieren sie nicht den anschließenden Zeilenumbruch zum schließenden </td>-Tag.

Auf dem Screenshot deutlich an den unterschiedlich großen horizontalen und vertikalen Bildabständen zu erkennen.
Zum Vergrößern anklicken....
Jetzt sieht's so aus :
bildschirmfoto-2016-01-07-um-193818.png

(Unten geht es noch weiter)
 
Und noch eine Korrektur, um wirklich sicher zu gehen :)
HTML: 
<table cellspacing="0" cellpadding="0">
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben