Ergebnis 1 bis 2 von 2

Thema: verlinktes bild sprengt tabelle

  1. #1
    Kyroy
    Gast

    Standard verlinktes bild sprengt tabelle

    Hallo,

    ich habe ein Tabelle erstellt (350px*350px), die 5Zeilen und 5 Spalten hat, je 70px hoch und breit.
    In jedem Feld ist ein Hintergrundbild, das auch 70*70 groß ist. Nun soll in jedes Feld ein Transparentes Bild, später halt dann teilweise transparent.
    Das ganze habe ich mit einem php-Dokument erstellt, nur so als Nebeninfo.

    Zur Zeit sieht das ganze noch was eintönig aus, da ich erst den code 100% haben will, bevor ich mich mit dem Rest beschäftige.


    Das zweite bild in der zweiten Spalte wurde verlinkt und sprengt nun das ganze.

    Bitte nicht wundern, dass in der css etwas kuddelmuddel is, ich probier schon die ganze zeit alles mögliche aus.
    Wahrscheinlich überseh ich etwas total offensichtliches, aber ich komm einfach net drauf.

    Ich bin dankbar für jede Hilfe

    HTML-Code:
    <table class="map">
                    <tbody><tr>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/0_4.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/1_4.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/2_4.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/3_4.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/4_4.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/0_3.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70" class="player"  style="background-image:  url(&quot;karte/bilder/1_3.jpg&quot;);">
                            <a href="move.php?leftup=1"><img  height="70" width="70" class="player" src="karte/bilder/player0.gif">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/2_3.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/3_3.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/4_3.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/0_2.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/1_2.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/2_2.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/3_2.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/4_2.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/0_1.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/1_1.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/2_1.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/3_1.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/4_1.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                    </tr><tr>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/0_0.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/1_0.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/2_0.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/3_0.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                        <td height="70" width="70"  style="background-image:  url(&quot;karte/bilder/4_0.jpg&quot;);">
                            <a onclick="">
                            </a>
                        </td>
                    </tr>
                </tbody></table>
    hier die style:
    Code:
    table, tr, td{
    border: 0;
    border-collapse: collapse;
    }
    .map{
    border-collapse: collapse;
    border: 0;
    background-repeat: no-repeat;
    width: 350px;
    height: 350px;
    }
    .player{
    border: 0;
    background-repeat: no-repeat;
    border-collapse: collapse;
    border-spacing: 0px, 0px;
    padding:0px;
    margin:0px;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Kyroy (04.06.2010 um 19:59 Uhr)

  2. #2
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: verlinktes bild sprengt tabelle

    Öhm, hast du ads balue da gemalt oder ist das ein border?!?
    Code:
    CSS:
    table img {
    border: none;
    }
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

Ähnliche Themen

  1. Headerfoto sprengt Layout in IE
    Von mmanu im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 10.10.2008, 01:45
  2. Bild vor Tabelle
    Von crazy_x im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 02.10.2006, 00:19
  3. webstats4u sprengt mein Design
    Von Knüps im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 17.11.2005, 04:17
  4. wieso sprengt hier das iframe das layout?
    Von Knüps im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 21.09.2005, 09:39
  5. Tabelle um Bild
    Von Datachild im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.10.2004, 14:53

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •