WCM Forum - web HTML Code

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - web HTML Code (http://www.wcm.at/forum/showthread.php?t=241269)

darkcobalt

23.01.2011 16:32

web HTML Code

hallo. was muss ihr hier hinzufügen damit das bild zentriert geladen wird? es sollte horizontal und vertikal mittig dargestellt werden, damit man egal mit welcher browsergröße man es ansieht immer das zentrum des bildes sieht.

<body>

<table width="100%" height="100%" border="0" align="center">

<tr>

<td align="center" valign="middle" bordercolor="#FFFFFF" bgcolor="#000000"><img src="back_bg.jpg" width="2500" height="1500"></td>
</tr>
</table>

</body>

FranzK

23.01.2011 16:58

Zitat:

Zitat von darkcobalt (Beitrag 2441863)

Was soll vertikal mittig bringen? Und man kann jedes Objekt im Editor mit den eingebauten Funktionen zentrieren. Ich glaube nicht, dass für ordinäre Mitglieder HTML-Code aktiviert ist...

:hallo:

darkcobalt

23.01.2011 18:01

Zitat:

Zitat von FranzK (Beitrag 2441869)

Was soll vertikal mittig bringen? Und man kann jedes Objekt im Editor mit den eingebauten Funktionen zentrieren. Ich glaube nicht, dass für ordinäre Mitglieder HTML-Code aktiviert ist...

:hallo:

ich habe ein bild das 2560px x 1500px gross ist. das bild soll formatfüllend auf allen bildschirmauflösungen von 800x600 bis zu 2560x ...... dargestellt werden, wobei bei kleineren auflösungen immer nur die mitte dese bildes zu sehen sein soll ohne scrollbalken. kennt ihr euch aus; war die erklärung verständlich... :) :) danke.

mjx_biz

23.01.2011 18:33

Mit einem Wrapper und margin in deiner CSS-Datei sollte das gehen:

Code:

#wrapper {

  vertical-align: middle;

}



img { 

  margin: 0 auto; 

}

Und dann

Code:

<div id="wrapper">

   <img src="bild.jpg">

</div>

FranzK

23.01.2011 21:21

Zitat:

Zitat von darkcobalt (Beitrag 2441872)

... kennt ihr euch aus; war die erklärung verständlich... :) :) danke.

Aha. Jetzt habe ich es geschnallt. Ich war zuerst am falschen Dampfer...

:hallo:

zAPPEL

24.01.2011 09:29

Meiner Meinung nach muss dazu das CSS so aussehen:

HTML-Code:

body {

 background:url(meinbild.gif) center center no-repeat;

}

Das hab ich auch gefunden:
http://css-tricks.com/snippets/css/a...ntal-an-image/

lg

mjx_biz

24.01.2011 10:41

Dann ist das Bild aber ein Hintergrund und somit zB nicht anklickbar.

CSS-Tricks ist auf jeden Fall immer eine gute Quelle für sowas :).

Alle Zeitangaben in WEZ +2. Es ist jetzt 09:25 Uhr.