Bild platzierung..?

zomtec

zomtec

Aktives Mitglied
Thread Starter
Dabei seit
26.10.2005
Beiträge
543
Reaktionspunkte
5
Hallo,

da ich von html, css usw. nicht wirklich Ahnung habe müsst ihr mir mal bitte helfen!
Wie kann man ein Bild genau im Zentrum einer Webseite platzieren, also unabhängig von der Bildschirmauflösung.


Gruss
mat.

ps. ich habe hier adobe golive cs2 (aber noch nie benutzt)
 
<div align="center"><img src="deinbild.jpg" width="200" height="150" alt="" />
</div>


oder wolltst du golive benutzen?
 
Code: 
<html>
...
<body>
<table  width="100%" height="100%" >
  <tr>
    <td align="center">
        
          <img src="dein_bild.png">

    </td>
  </tr>

</body>

</html>

Das wär wohl die schnellste Variante...

EDIT: Oder auch nicht... ;) Bin grad dabei auf DIV Layout umzustellen...

EDIT 2: Mit den DIV's wird's aber nur horizontal zentriert... Geht das auch vertikal?
 
ist doch jacke wie hose
 
hi styler mich meinte nicht mittig sondern im zentrum...

ich mach mal ne zeichnung. ;)


Code: 
-------------------------
/                       /
/                       /
/                       /
/          MEIN         /
/          BILD         /
/                       /
/                       /
/                       /
------------------------
 
das ist dann nicht mehr so einfach..

ich denke am einfachsten wäre jetzt, wenn du eine tabelle mit 100% höhe und 100% breite machst, wie deep vorgeschlagen hat.

der witz hierbei ist aber, dass du die browser in "loose" schalten lassen musst, damit das mit der vertikalen zentrierung auch klappt..

am schnellsten geht das wohl, wenn du den doctype einfach weglässt.

..bin mir nicht sicher, ob das auch mit einsetzen dieses doctypes geht:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
 
also doch nicht soo einfach wie ich mir eigentlich dachte... ;)

das css template schaut ja schonmal gut aus, aber wie kann ich das runterladen (ich finde nix)?
 
?? doch.. das ist schon einfach..

codest du nun, oder nutzt du golive?

du musst lediglich die tabelle wie oben angegeben machen und den doctype (sofern du einen hast) löschen.

die ersten beiden zeilen in deiner seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
 
Deepthroat schrieb:
EDIT 2: Mit den DIV's wird's aber nur horizontal zentriert... Geht das auch vertikal?
Zum Vergrößern anklicken....

ich glaube auch hier müsste man nur den doctype ändern bzw. weglassen..
 
Habe eigentlich keine Ahnung. :eek:
Also Golive habe ich von der CS2 Suite, aber noch nie benutzt.

:confused:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">>

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>test</title>
	</head>

	<body>
	
<div align="center"><img src="t.gif" width="240" height="180" alt="" />
</div>
		
	</body>

</html>
 
probier mal, ob das so läuft:

Code: 
<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
<title>test</title>
</head>

<body>
	
<table width="100%" height="100%" border="0">
  <tr>
    <td><div align="center"><img src="t.gif" width="240" height="180" alt="" /></div></td>
  </tr>
</table>
</body>

</html>

edit:
und NICHT wieder den doctype (die ersten 4 zeilen in deiner version) einfügen!
 
Danke styler jetzt läufts!! :)
 
cool!

gern geschehen!
 
Man Doctyp weglassen, Tabellen. Da sind lauter Steinzeit Sachen! :D

Code: 
<div id="zentriert"><img src="deinbild.jpg" width="200" height="150" alt="" />
</div>

und im css dann folgendes:

Code: 
div#zentriert {
margin: 0 auto;}

Das wäre die moderne Variante
 
..für seine erste seite wirds gereicht haben..
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten