Ergebnis 1 bis 3 von 3

Thema: Tabellenzeile zu hoch wegen Image-Overlay

  1. #1
    Unregistriert
    Gast

    Standard Tabellenzeile zu hoch wegen Image-Overlay

    Hallo,

    in einer Tabelle werden pro Zelle 2 Bilder übereinander gelegt.
    Dabei entsteht jedoch ein großer "Rand" am Boden der Zelle, da der Browser nicht mitbekommt, dass eines der Bilder nach oben verschoben wird.

    Etwas Code:

    <table border="1">
    <tr valign="top" align="center" height="450px">
    <td width="400px" height="450px">

    <div class="box450">
    <img src="breit.png" width="400" height="300" border="0" style="position: relative; opacity: 0.6;">
    <img src="Sunset.jpg" width="371" height="277" border="0" style="position: relative; top:-294px;left:-1px; z-index:10;">
    </div>
    </td>
    <td width="400px" ><div class="box450">
    <img src="breit.png" width="400" height="300" border="0" style="position: relative; opacity: 0.6;">
    <img src="Sunset.jpg" width="371" height="277" border="0" style="position: relative; top:-294px;left:-1px; z-index:10;">
    </div> </td>
    <td width="400px" ><div class="box450">
    <img src="hoch.png" width="300" height="400" border="0" style="position: relative; opacity: 0.6;">
    <img src="Sunset.jpg" width="273" height="375" border="0" style="position: relative; top:-393px;left:-1px; z-index:10;">
    </div> </td>

    </tr>

    <tr>
    <td>Buletten</td>
    <td>Frikadellen</td>
    <td>Fleischpflanzerl</td>
    </tr>
    </table>


    Das "height" im td wird ausgelesen, jedoch weigert sich jeder Browser die Höhe unter die höhe der beiden bilder zu setzen.


    Jede Hilfe ist wilkommen! Danke im Vorraus!
    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 !!!!!

  2. #2
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Tabellenzeile zu hoch wegen Image-Overlay

    Erstma Table layout.. aber egal jetzt.

    Warum nimmst du ein <img> als Hintergrund? Nimm doch ein Div und stell das bild als background ein... Dann hast du mit dem table auch keine probs (da du ja nichts verschieben musst)

  3. #3
    Unregistriert
    Gast

    Standard AW: Tabellenzeile zu hoch wegen Image-Overlay

    Ich weiß nicht, wie groß die bilder werden.
    und da background nicht skaliert, sondern "zoomt", würde ich einen teil vom hintergrundbild verlieren...

    habs aber lösen können:
    nur ein bild "relative", das andere "absolute" ...

    <html>
    <head>
    <style type="text/css">

    * {margin: 0px; padding 0px; background: none; }
    body {
    background: #464646;

    }
    div.watermark_box {
    position:relative;
    display:block;
    }
    img.watermark {
    position: absolute;
    top: 12px;
    left: 13px;
    }



    </style>
    </head>
    <body>
    <table border="1">
    <tr>
    <td>

    <div class="watermark_box">
    <img src="hoch.gif" alt="Your image" width="300" height="400" />
    <a href="Sunset.jpg"><img src="Sunset.jpg" class="watermark" alt="Watermark image" width="272px" height="375px" border=0/></a>
    </div>

    </td>
    <td><div class="watermark_box">
    <img src="hoch.gif" alt="Your image" width="300" height="400" />
    <a href="Sunset.jpg"><img src="Sunset.jpg" class="watermark" alt="Watermark image" width="272px" height="375px" border=0/></a>
    </div> </td>
    <td><div class="watermark_box">
    <img src="breit.gif" alt="Your image" width="400" height="300" />
    <a href="Sunset.jpg"><img src="Sunset.jpg" class="watermark" alt="Watermark image" width="375px" height="272px" border=0/></a>
    </div> </td>
    </tr>
    <tr>
    <td>Buletten</td>
    <td>Frikadellen</td>
    <td>Fleischpflanzerl</td>
    </tr>
    </table>
    </body>
    </html>

Ähnliche Themen

  1. Position / CSS und Overlay <--- Problem
    Von im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 03.09.2007, 20:51
  2. Tabellenzeile einfärben
    Von G-Bay im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 11.04.2007, 19:31
  3. Laminatecke kommt hoch wegen Wassertropfen?
    Von Wallum im Forum Off Topic und Quasselbox
    Antworten: 7
    Letzter Beitrag: 17.04.2006, 20:37
  4. Pc fährt wegen Soundkarte zu langsam hoch!!!!!
    Von Grune im Forum Computer - Internet Forum
    Antworten: 5
    Letzter Beitrag: 28.03.2005, 16:51
  5. Seitenumbruch in Tabellenzeile
    Von mandy im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 17.03.2005, 19:28

Stichworte

Berechtigungen

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