mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 14:53 Benutzername: Passwort: Auto-Login

Thema: [html] Problem mit mittig ausrichten vom 10.08.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [html] Problem mit mittig ausrichten
Seite: Zurück  1, 2
Autor Nachricht
Happosai
Threadersteller

Dabei seit: 27.11.2002
Ort: Augusta Vindelicorum
Alter: 39
Geschlecht: Männlich
Verfasst Do 11.08.2005 21:43
Titel

Antworten mit Zitat Zum Seitenanfang
Ich raff das immer noch nicht. Ich habe das Bild in eine Tabelle eingefügt, ich kann das nur horizontal einstellen und nicht vertikal!? Übrigens ich benütze Dreamweaver.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht: Männlich
Verfasst Do 11.08.2005 22:05
Titel

Antworten mit Zitat Zum Seitenanfang
Happosai hat geschrieben:
Ich raff das immer noch nicht. Ich habe das Bild in eine Tabelle eingefügt, ich kann das nur horizontal einstellen und nicht vertikal!? Übrigens ich benütze Dreamweaver.


Er hat das böse T-Wort gesagt... * Ööhm... ja? * *zwinker*

Wenn ich dich richtig verstanden habe, willst du nur ein Bild auf dem body zentrieren...

Leg eine HTML-Seite mit einem DIV
Code:
<div id="wrapper"></div>

sowie ein dazugehöriges Stylesheet an.

Verknüpfe das Stylesheet im head
Code:
<link href="style.css" rel="stylesheet" type="text/css" />


Im Stylesheet weist du dann die nötigen Eigenschaften zu:
Code:
* {
   margin: 0;
   padding: 0;
}
#wrapper {
   position: absolute;
   width: 800px;      /* Breite deines Bildes */
   height: 600px;      /* Höhe deines Bildes */
   margin: -300px 0 0 -400px;   /* Im Uhrzeigersinn: top, right, bottom, left */
   /* !!! top und left haben jeweils die Hälfte des Gesamtmaßes als negativen Wert*/
   top: 50%;
   left: 50%;
}


In das DIV legst du dann einfach das Bild rein:
Code:
<div id="wrapper"><img src="bla.jpg" height="600" width="800"></div>


Ich hoffe, ich hab nichts vergessen... Hmm...?!

Zuletzt bearbeitet von way2hot am Do 11.08.2005 22:06, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Happosai
Threadersteller

Dabei seit: 27.11.2002
Ort: Augusta Vindelicorum
Alter: 39
Geschlecht: Männlich
Verfasst Do 11.08.2005 22:07
Titel

Antworten mit Zitat Zum Seitenanfang
ähm, danke, werde mir morgen nochmal genauer anschauen. "Wrapper" muss ich auch eingeben oder ist das nur als Beispiel gedacht?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht: Männlich
Verfasst Do 11.08.2005 22:10
Titel

Antworten mit Zitat Zum Seitenanfang
Happosai hat geschrieben:
ähm, danke, werde mir morgen nochmal genauer anschauen. "Wrapper" muss ich auch eingeben oder ist das nur als Beispiel gedacht?


wrapper ist an dieser Stelle beliebig, wird allerdings oft für das äußerste DIV benutzt, hab ich zumindest so gelernt... *pah* Du kannst da also auch #peniskuchenpferd anstatt #wrapper benutzen, wie du magst... *hehe*

// Muss halt nur im Quelltext und im CSS gleich sein, aber das versteht sich denke ich von selbst. *zwinker*

Zuletzt bearbeitet von way2hot am Do 11.08.2005 22:12, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen in CSS mittig ausrichten
div-box mittig ausrichten
[css] content mittig platzieren/ausrichten
Diesen CSS-Code noch mittig ausrichten?
[css] Layer horizontal und vertikal mittig ausrichten
[illu] text in textbox unten bzw. mittig ausrichten
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB