Bild auf volel Breite bringen

rernanded

rernanded

Erfahrenes Mitglied
Hi
habe ansonsten mit css wenig am Hut deswegen meine bescheidene Frage:
Ich habe auf meiner Seite zwei table.
Darin sind zwei img(1.jpg und 2.jpg) eingebaut.
Wie kann ich erreichen das 1.jpg auf 100% der Seitenbreite -egal ob PC, LapTop oder Smartphone-Bildschirm- sowie 75% der Seitenhöhe skaliert wird und das 2.jpg zentriert auf den restlichen 25% der Seitenhöhe angezeigt wird?

MONI


HTML: 
<body bgcolor="ffffff">

<table align="center" bgcolor="ffffff" border="0" cellpadding="0" cellspacing="0" style="opacity:1.0; z-index:1;">
<tr>
<td></td>
<td align="center" style="vertical-align: middle;">
<img src="1.jpg" border="0">
</td>
<td></td>
</tr>
</table>

<br>

<table align="center" bgcolor="ffffff" border="0" cellpadding="0" cellspacing="0" style="opacity:1.0; z-index:1;">
<tr>
<td></td>
<td align="center" style="vertical-align: middle;">
<img src="2.jpg" border="0">
<td></td>
</tr>
</table>

</body>
 
Zuletzt bearbeitet:
Tabellen sind dafür nicht gedacht. Wenn es Dir um den vertical-center geht, dann geht das auch anders. Zwei Div's mit den richtigen Eigenschaften sollten das schon schaffen.

- Jetzt aber müde, morgen probier ich Dir mal was zu zeigen - oder ein Anderer -

mfg chmee
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück