Bild vertikal zentrieren (html)

**Nicolai1234**

Wie kann ich mit html oder php ein Bild in eine Internetseite so einfügen, dass es vertikal zentriert ist?
Danke
Nicolai

Hmm, ich würd es in eine Tabelle packen (1x1) und dann zentrieren.

**Meflin**

oder mit css 50% vertical alignen und dann um die hälfte der bildgröße * (-1) verschieben (mit marign)

**Nicolai1234**

Zitat von Meflin:

oder mit css 50% vertical alignen und dann um die hälfte der bildgröße * (-1) verschieben (mit marign)

Das muss mir mal einer genauer erklären

**Meflin**

ganz einfach: mit

markieren

Code:

			<style type="text/css"> 

    /*<![CDATA[*/ 

      .inhalt { 

        height:300px; 

        width:650px; 

        margin-top: -149px; 

        margin-left: -325px; 

        top:50%; 

        left:50%; 

        position: absolute; 

      } 

    /*]]>*/ 

  </style>

wird das teil omplett in der mitte ausgerichtet. wenn dus nur vertikal haben willst dann

markieren

Code:

			<style type="text/css"> 

    /*<![CDATA[*/ 

      .inhalt { 

        height:300px; 

        width:650px; 

        margin-left: -325px;  

        left:50%; 

        position: absolute; 

      } 

    /*]]>*/ 

  </style>

die größen musst du halt entsprechend deines bildes anpassen. die vorgehensweise ist folgende: mit left:50% wird der linke bildrand in der mitte der seite gesetzt. da das aber nicht zentriert wäre, musst du das bild noch um die hälfte seiner größe nach links verschieben, also marign-left: -325px (im beispiel)

**Nicolai1234**

Und wie und wo füge ich das dann in den html-Text ein? Ich habe wie gesagt von so etwas keine Ahnung! Ich will nur ein halbwegs ansprechendes Design auf meiner HP

**alcaeus**

Machs doch so:

markieren

Code:

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

  <tr valign="middle">

    <td align="center">

      [img]bild.jpg[/img]

    </td>

  </tr>

</table>

Ich hoffe ich habe align und valign an die richtige Stelle gesetzt.

Greetz
alcaeus

**Meflin**

der code von oben muss zwischen die <head> tags. beim bild schriebst du dann
[img]bild.gif[/img]</img>
und fertig

**Meflin**

Zitat von alcaeus:

Machs doch so:

markieren

Code:

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

  <tr valign="middle">

    <td align="center">

      [img]bild.jpg[/img]

    </td>

  </tr>

</table>

Ich hoffe ich habe align und valign an die richtige Stelle gesetzt.

Greetz
alcaeus

height=100% ist kein valides 4.01 HTML!

**alcaeus**

Und wie soll man dann so etwas ohne CSS lösen?

Greetz
alcaeus

Bild vertikal zentrieren (html)

Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Re: Bild vertikal zentrieren (html)

Forumregeln

Nicolai1234 Registriert seit: 21. Feb 2004 1.008 Beiträge Turbo Delphi für Win32	#1 Bild vertikal zentrieren (html) 29. Jun 2004, 20:14 Wie kann ich mit html oder php ein Bild in eine Internetseite so einfügen, dass es vertikal zentriert ist? Danke Nicolai
	Zitat

Markus (Gast) n/a Beiträge	#2 Re: Bild vertikal zentrieren (html) 29. Jun 2004, 20:16 Hmm, ich würd es in eine Tabelle packen (1x1) und dann zentrieren.
	Zitat

Meflin Registriert seit: 21. Aug 2003 4.856 Beiträge	#3 Re: Bild vertikal zentrieren (html) 29. Jun 2004, 20:20 oder mit css 50% vertical alignen und dann um die hälfte der bildgröße * (-1) verschieben (mit marign) Leo S. https://github.com/leoschweizer
	Zitat

Nicolai1234 Registriert seit: 21. Feb 2004 1.008 Beiträge Turbo Delphi für Win32	#4 Re: Bild vertikal zentrieren (html) 29. Jun 2004, 20:21 Zitat von Meflin: oder mit css 50% vertical alignen und dann um die hälfte der bildgröße * (-1) verschieben (mit marign) Das muss mir mal einer genauer erklären
	Zitat

Nicolai1234 Registriert seit: 21. Feb 2004 1.008 Beiträge Turbo Delphi für Win32	#6 Re: Bild vertikal zentrieren (html) 29. Jun 2004, 20:28 Und wie und wo füge ich das dann in den html-Text ein? Ich habe wie gesagt von so etwas keine Ahnung! Ich will nur ein halbwegs ansprechendes Design auf meiner HP
	Zitat

Meflin Registriert seit: 21. Aug 2003 4.856 Beiträge	#8 Re: Bild vertikal zentrieren (html) 29. Jun 2004, 20:31 der code von oben muss zwischen die <head> tags. beim bild schriebst du dann [img]bild.gif[/img]</img> und fertig Leo S. https://github.com/leoschweizer
	Zitat

alcaeus Registriert seit: 11. Aug 2003 Ort: München 6.537 Beiträge	#10 Re: Bild vertikal zentrieren (html) 29. Jun 2004, 20:34 Und wie soll man dann so etwas ohne CSS lösen? Greetz alcaeus Andreas B. Die Mutter der Dummen ist immer schwanger. Ein Portal für Informatik-Studenten: www.infler.de
	Zitat