web HTML Code

darkcobalt · 23.01.2011, 15:32

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, 15:58

Zitat:

Zitat von darkcobalt

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>

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...

darkcobalt · 23.01.2011, 17:01

Zitat:

Zitat von FranzK

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...

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, 17: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, 20:21

Zitat:

Zitat von darkcobalt

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

danke.

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

zAPPEL · 24.01.2011, 08: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, 09: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

.

23.01.2011, 15:32	#1
darkcobalt Des moch ma in da Post... Registriert seit: 24.10.2001 Beiträge: 2.451	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> ____________________________________ thanks D\|C .::: DARKCOBALT :::.

23.01.2011, 17:33	#4
mjx_biz Senior Member Registriert seit: 11.10.2006 Ort: Wien Alter: 40 Beiträge: 179	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> Geändert von mjx_biz (23.01.2011 um 17:38 Uhr).

24.01.2011, 08:29	#6
zAPPEL Inventar Registriert seit: 07.11.2001 Ort: Perchtoldsdorf Alter: 45 Beiträge: 2.085 Mein Computer	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 ____________________________________ „Das menschliche Gehirn ist eine großartige Sache. Es funktioniert vom Moment der Geburt an – bis zu dem Zeitpunkt, wo du aufstehst, um eine Rede zu halten.“ Mark Twain "Windle shook his head sadly. Four exclamation marks, the sure sign of an insane mind" Reaper Man, Terry Pratchett

24.01.2011, 09:41	#7
mjx_biz Senior Member Registriert seit: 11.10.2006 Ort: Wien Alter: 40 Beiträge: 179	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 .

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)