Tabelle

WWKiller

Hi,
Ich hab jetzt mein 2. Design erstellt und ich hab nun das gleiche Problem wie beim ersten,
Wenn ich das design codiere also in Tabellen einfüge, ist zwischen den Bildernn immer ein weißer Strich.
Könnt ihr mir da helfen?
Dies ist der tabellen Code:

Code

<table width="200" border="0">
  <tr>
    <th scope="col">[img]design/Felder/logo.jpg[/img]</th>
  </tr>
</table>
<table width="200" border="0">
  <tr>
    <th scope="col">[img]design/Felder/linksoben_oben.jpg[/img]</th>
    <th scope="col">[img]design/Felder/mittenoben_oben.jpg[/img]</th>
    <th scope="col">[img]design/Felder/rechtsoben_oben.jpg[/img]</th>
  </tr>
  <tr>
    <th scope="row">[img]design/Felder/linksmitte_oben.jpg[/img]</th>
    <td>[img]design/Felder/mitte_oben.jpg[/img]</td>
    <td>[img]design/Felder/rechtsmitte_oben.jpg[/img]</td>
  </tr>
  <tr>
    <th scope="row">[img]design/Felder/linksunten_oben.jpg[/img]</th>
    <td>[img]design/Felder/mitteunten_oben.jpg[/img]</td>
    <td>[img]design/Felder/rechtsunten _oben.jpg[/img]</td>
  </tr>
</table>
<table width="200" border="0">
  <tr>
    <th scope="col">[img]design/Felder/linksoben_links.jpg[/img]</th>
    <th scope="col">[img]design/Felder/mitteoben_links.jpg[/img]</th>
    <th scope="col">[img]design/Felder/rechtsoben_links.jpg[/img]</th>
    <th scope="col">[img]design/Felder/linksoben_mitte.jpg[/img]</th>
    <th scope="col">[img]design/Felder/mitteoben_mitte.jpg[/img]</th>
    <th scope="col">[img]design/Felder/rechtsoben_mitte.jpg[/img]</th>
    <th scope="col">[img]design/Felder/linksunten_rechts.jpg[/img]</th>
    <th scope="col">[img]design/Felder/obenmitte_rechts.jpg[/img]</th>
    <th scope="col">[img]design/Felder/rechtsoben_rechts.jpg[/img]</th>
  </tr>
  <tr>
    <th scope="row">[img]design/Felder/linksmitte_links.jpg[/img]</th>
    <td>[img]design/Felder/mitte_links.jpg[/img]</td>
    <td>[img]design/Felder/rechtsmitte_links.jpg[/img]</td>
    <td>[img]design/Felder/rechtsmitte_mitte.jpg[/img]</td>
    <td>[img]design/Felder/mitte_mitte.jpg[/img]</td>
    <td>[img]design/Felder/rechtsmitte_mitte1.jpg[/img]</td>
    <td>[img]design/Felder/linksmitte_rechts.jpg[/img]</td>
    <td>[img]design/Felder/mitte_rechts.jpg[/img]</td>
    <td>[img]design/Felder/rechtsmitte_rechts.jpg[/img]</td>
  </tr>
  <tr>
    <th scope="row">[img]design/Felder/linksunten_links.jpg[/img]</th>
    <td>[img]design/Felder/mitteunten_links.jpg[/img]</td>
    <td>[img]design/Felder/rechtsunten_links.jpg[/img]</td>
    <td>[img]design/Felder/linksunten_mitte.jpg[/img]</td>
    <td>[img]design/Felder/mitteunten_mitte.jpg[/img]</td>
    <td>[img]design/Felder/rechtsunten_mitte.jpg[/img]</td>
    <td>[img]design/Felder/linksunten_rechts1.jpg[/img]</td>
    <td>[img]design/Felder/mitteunten_rechts.jpg[/img]</td>
    <td>[img]design/Felder/rechtsunten_rechts.jpg[/img]</td>
  </tr>
</table>

Alles anzeigen

Was hab ich falsch gemacht?

ad3nau

du musst bei jeder tabelle

Code

cellpadding="0" cellspacing="0"

hinzufügen.
also das würde dann für eine tabelle so aussehen (Bsp. Tabelle):

Code

<table cellpadding="0" cellspacing="0">
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>
</table>

Alles anzeigen

hoffe das wars was du gemeint hattest.

mfg

driver

oder die legst die bilder in hintergrund,
dann sollte der weiße rand auch weg sein...

WWKiller

Also ich mache das lieber mit den Tabellen, es hat auch zum Teil geklappt, doch da sind noch ein paar waagerechte Linien, ich hab das auch in alle <table> eingefügt, doch die sind noch da

driver

kannst maln link posten ?

WWKiller

Ich hab das noch nicht hochgeladen, hab aber ein Screen gemacht:

driver

ich denke mal es liegt daran das deine felder teilweise unterschiedliche höhen haben

Code

<th scope="col">[img]design/Felder/rechtsoben_links.jpg[/img]</th> 
    <th scope="col">[img]design/Felder/linksoben_mitte.jpg[/img]</th> 
    <th scope="col">[img]design/Felder/mitteoben_mitte.jpg[/img]</th> 
    <th scope="col">[img]design/Felder/rechtsoben_mitte.jpg[/img]</th> 
    <th scope="col">[img]design/Felder/linksunten_rechts.jpg[/img]</th>

WWKiller

Mir ist was eingefallen, ich will ja eh etwas in die Felder schreiben, wie mache ich die Felder denn als Hintergrund?

WWKiller

Muss ich dann immer neue Tabellen erstellen?

ad3nau

Code

<td background="pfadangabe">dein text</td>

oder:

Code

<td style="background-image: url(pfadangabe);">dein text</td>

wenn ich das richtig verstanden habe ..

mfg

WWKiller

Nee das klappt auch nicht, ich guck mal bei den Templates, die ich mir mal runtergeladen habe.
Also bei denen finde ich auch nichts brauchbares.

driver

Code

<td style="background-image:url(pfadangabe);">dein text</td>

gibts da net immer so leerzeiche-fallen ?

WWKiller

Also ich hab das jetzt so gemacht, wie driver geschrieben hat.
Doch wenn ich da weight und high einfüge, ist das nicht so groß wie ich will, das wird dann nur zum Quadrat. Und es wäre gut, wenn ich von Rechts nach Links schreiben könnte.
Und manchmal klappt das auch nicht

ad3nau

Zitat von driver
Code
<td style="background-image:url(pfadangabe);">dein text</td>
gibts da net immer so leerzeiche-fallen ?

ja gibt es, und zwar darf zwischen url() kein leerzeichen sein, also es darf nicht so ausschauen url[leerzeichen](..)

WWKiller, wenn ich das richtig verstanden habe dann musst du mit repeat arbeiten, hier mal eine auflistung:
no-repeat: Keine Wiederholung. Das Bild wird einmal dargestellt.
repeat: Horizontal und vertikal wiederholen.
repeat-x: Nur horizontal wiederholen.
repeat-y: Nur vertikal wiederholen.

das musst du im style mit einbinden, also:

Code

<td style="background-image: url(x.jpg); background-repeat: no-repeat;"> </td>

mfg

WWKiller

Also ich hab das jetzt gemacht, ich hoffe ich habe das da oben richtig gemacht.
Ich hab es auch nun hochgeladen hier der Link,
seht selbst. Dann findet ihr bestimmt Fehler ohne Ende.
index1.1html

GREEndestiny

Diese Verschiebungen entstehen durch unterschiedliche Höhen von Zellen (erste Spalte, dritter Tabelle) und falsche Breite Angaben (width in erster Spalte, zweite Tabelle). Bei Grafik-Dateien trifft der Problem auch zu.

WWKiller

Wie kann ich das denn Beheben, das ist das erste mal das ich mein Design codiere.

Oder wie macht ihr das?

driver

am einfachsten wäre vermutlich die grafiken in nem grafikprogramm an die größen anpassen...

WWKiller

Also ich hab mein Design mit PS CS2 gemacht,
und dann das Design zu recht geschnitten, anschließend in eine Tabelle eingefügt, schafe es trotzdem nicht.

driver: ihr redet hier ständig, davon das die Bilder unterschiedlich Groß sind, doch wie meint ihr das? die höhe stimmt und die Breite auch.
Also alle Bilder die unter einander sind, sind gleich breit und alle die neben einander sind, sind gleich hoch.

WWKiller

Kann mir das vll jemand machen? ich bin zu blöd dazu.
Also, wenn mir das jemand machen könnte, kann ich ihm ja auch den richtigen Link per PN schicken (zu den Bildern).

Tags