bilder mit und in Tabellen ausrichten

[Crash2001]

Hi

Hab da ein Problem mit Bildern in Tabellen.

Ich hab 4 Felder in denen jeweils ein Bild dargestellt wird. Diese sollen jedoch so aneinander gefügt werden, dass kein Zwischenraum da entsteht. Wie bekomme ich das hin?

Hab schon bei self-html rein geschaut und danach gesucht, aber nichts entsprechendes gefunden.

Weiss jemand Rat?

[Jaraz]

Hi,

<table border="0" cellpadding="0" cellspacing="0">

Gruß Jaraz

[Crash2001]

Für nebeneinander hab ichs jetzt mitlerweile hinbekommen mit cellspacing="0" und cellpadding="0". Aber zwischen den beiden Zeilen ist noch immer ein Abstand

[Jaraz]

Das kann normalerweise nicht sein.

Entweder ist deine Tabelle zu hoch oder die Bilder haben nen weißen Rand.

Gruß Jaraz

[Crash2001]

Ist aber leider so... Keine Ahnung weshalb. Hab mal ein Bild gemacht. Da ist noch immer dieser dumme Strich in der Mitte drin... Den bekomm ich einfach nicht raus...

[LINK]

valign="top"?

oder mach mal einfach den border auf 1, dann siehst du, woran's liegt

[Crash2001]

Originally posted by LINK

valign="top"?

oder mach mal einfach den border auf 1, dann siehst du, woran's liegt

Der Streifen bleibt, egal ob ich valign auf top oder bottom setze oder ganz weglasse.

Mit border="1" muss ich Montag nochmal ausprobieren, ob die Rahmenlinien auch das Stück auseinander sind oder ob zwischen Rahmen und Bild noch was Platz ist...

[beetFreeQ]

Manchmal reicht's auch schon, wenn im Quelltext zwischen dem Bild und den umschließenden Tabellen-Tags Zeilenumbrüche sind. Am besten du schreibst alles inkl. der <td>-Tags in eine einzelne Zeile...

Davon abgesehen: Ist es nötig, daß du dafür eine Tabelle benutzt? Im normalfall sollte es doch reichen, wenn du die vier Bilder einfach direkt ohne Leerzeichen dazwischen auf die Site setzt und nur zwischen dem zweiten und dritten ein <br> machst...

[ristic]

kannst du vielleicht mal den Quelltext posten...

gReEtZ

dAn

[Crash2001]

Originally posted by beetFreeQ

Manchmal reicht's auch schon, wenn im Quelltext zwischen dem Bild und den umschließenden Tabellen-Tags Zeilenumbrüche sind. Am besten du schreibst alles inkl. der <td>-Tags in eine einzelne Zeile...

Muss ich mal schauen, obs vielleciht daran liegt.

Davon abgesehen: Ist es nötig, daß du dafür eine Tabelle benutzt? Im normalfall sollte es doch reichen, wenn du die vier Bilder einfach direkt ohne Leerzeichen dazwischen auf die Site setzt und nur zwischen dem zweiten und dritten ein <br> machst...

Da das alles in ner weiteren Tabelle ist und das ja nicht das einzige ist was dargestellt werden soll, ists so eigentlich am einfachsten.

Hatte ansonsten auch schonmal dran gedacht, winfach Layer zu nehmen, aber da muss ich nochmal schauen, wie man die relativ posotioniert bzw. ob das überhaupt möglich ist...

Naja werd ich mich dann am Montag mal drum kümmern...

[Crash2001]

Originally posted by ristic

kannst du vielleicht mal den Quelltext posten...

gReEtZ

dAn

Wenn es nicht funzt, mach ich das am Montag mal.

[Crash2001]

@ristic:

Also hier mal der Quelltext:

 

      <table border ="0" cellspacing="0" cellpadding="0">

        <tr valign="bottom">

          <td align="right" valign="bottom" borderwidth="0" noborder" cellpadding="0" >

            <img src="../Bilder/bild1.jpg"

                width="250"

                height="150"

                border="0"

                alt="Name1">

          </td>

          <td align="left" valign="bottom" borderwidth="0" noborder>

            <img src="../Bilder/bild2.jpg"

                width="250"

                height="150"

                border="0"

                alt="Name2">

          </td>

        </tr>

        <tr align="top">

          <td align="right" valign="top" borderwidth="0" noborder>

            <img src="../Bilder/bild3.jpg"

                width="250"

                height="150"

                border="0"

                alt="Name3">

          </td>

          <td align="left" valign="top" borderwidth="0" noborder>

            <img src="../Bilder/bild4.jpg"

                width="250"

                height="150"

                border="0"

                alt="Name4">

          </td>

        </tr>

      </table>

    

[Münsteraner]

Ich würde erstmal schauen wie das aussieht, wenn du den IMG-Tag auf eine Zeile bringst...

[Jaraz]

Oder besser gesagt, zwischen schließenden Image Tag und </td> nichts dazwischen schreiben.

      <table border ="0" cellspacing="0" cellpadding="0">

        <tr valign="bottom">

          <td align="right" valign="bottom" borderwidth="0" noborder" cellpadding="0" >

            <img src="bild1.jpg"

                border="0"

                alt="Name1"></td>

          <td align="left" valign="bottom" borderwidth="0" noborder>

            <img src="bild1.jpg"

                border="0"

                alt="Name2"></td>

        </tr>

        <tr align="top">

          <td align="right" valign="top" borderwidth="0" noborder>

            <img src="bild1.jpg"

                border="0"

                alt="Name3"></td>

          <td align="left" valign="top" borderwidth="0" noborder>

            <img src="bild1.jpg"

                border="0"

                alt="Name4"></td>

        </tr>

      </table>

[ristic]

<table border="0" cellspacing="0" cellpadding="0">

   <tr valign="bottom">

    <td align="right"><img src="../Bilder/bild1.jpg" width="250" height="150" border="0" alt="Name1"></td>

    <td align="left"><img src="../Bilder/bild2.jpg" width="250" height="150" border="0" alt="Name2"></td>

   </tr>

   <tr align="top">

    <td align="right"><img src="../Bilder/bild3.jpg" width="250" height="150" border="0" alt="Name3"></td>

    <td align="left"><img src="../Bilder/bild4.jpg" width="250" height="150" border="0" alt="Name4"></td>

   </tr>

</table>

bis denne...

gReEtZ

dAn

[Chaosmaker]

Originally posted by Crash2001

 

      <table border ="0" cellspacing="0" cellpadding="0">

        <tr valign="bottom">

          <td align="right" valign="bottom" borderwidth="0" [b]noborder"[/b] cellpadding="0" >

            <img src="../Bilder/bild1.jpg"

                width="250"

                height="150"

                border="0"

                alt="Name1">

          </td>

          <td align="left" valign="bottom" borderwidth="0" noborder>

            <img src="../Bilder/bild2.jpg"

                width="250"

                height="150"

                border="0"

                alt="Name2">

          </td>

        </tr>

        <tr align="top">

          <td align="right" valign="top" borderwidth="0" noborder>

            <img src="../Bilder/bild3.jpg"

                width="250"

                height="150"

                border="0"

                alt="Name3">

          </td>

          <td align="left" valign="top" borderwidth="0" noborder>

            <img src="../Bilder/bild4.jpg"

                width="250"

                height="150"

                border="0"

                alt="Name4">

          </td>

        </tr>

      </table>

    

Aha... da fehlt doch was?

[Crash2001]

thx @ all.

Funzt jetzt.