mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 02:22 Benutzername: Passwort: Auto-Login

Thema: grafik mit css mittig positionieren vom 23.09.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> grafik mit css mittig positionieren
Autor Nachricht
darkcobalt
Threadersteller

Dabei seit: 25.09.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 23.09.2013 20:09
Titel

grafik mit css mittig positionieren

Antworten mit Zitat Zum Seitenanfang

ich möchte gerne eine grafik mit css in der mitte(und zwar mittig von oben/unten und links/rechts des browsers laden. aber bei meinem code passt noch was nicht. tipps zur verbesserung?



Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>WEINGUT &amp; WEINKELLEREI WOEBER</title>
<style type="text/css">
body {
   margin: 0;
   padding: 0;
   background-color: #F00;
}
div { border:1px solid #888; }

#f1 { position:fixed; top:0px; left:0px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head><body>

<div id="f1"><img class="Bildlinks" float="center" margin="0px 0px 0px 0px" src="startscreen.jpg"></div>

</body></html>


Zuletzt bearbeitet von Smooth-Graphics am Di 24.09.2013 21:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
darkcobalt
Threadersteller

Dabei seit: 25.09.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 23.09.2013 20:14
Titel

Antworten mit Zitat Zum Seitenanfang

NACHTRAG: ich denke so passt es, oder habe ich noch fehler drinnen? und wie kann ich jetzt zwei grafiken über diese grafik laden und denen einen mouseover verpassen. kennt sich da jemand damit aus?


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>WEINGUT &amp; WEINKELLEREI WOEBER</title>
<style type="text/css">
body {
   margin: 0;
   padding: 0;
   background-attachment: fixed;
   background-image: url(startscreen.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-color: #000;
}
div { border:0px; }

#f1 {
   position: fixed;
   top: 0px;
   left: 0px;
   background-position: center center;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head><body>

<div id="f1"></div>

</body></html>


Zuletzt bearbeitet von Smooth-Graphics am Di 24.09.2013 21:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Di 24.09.2013 06:01
Titel

Antworten mit Zitat Zum Seitenanfang

Mit weiteren Containern * Keine Ahnung... *
Jedes Element reagiert auf :hover

Aber keiner weiß hier wohin die Reise überhaupt geht.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Di 24.09.2013 08:14
Titel

Antworten mit Zitat Zum Seitenanfang

Absolute Horizontal And Vertical Centering In CSS

Gruß
Karl
  View user's profile Private Nachricht senden
 
Ähnliche Themen ccs->positionieren->mittig
mittig positionieren ...
CSS : Mittig positionieren. Hilfe!
Seite mittig positionieren via css
jquery slideshow mittig positionieren
grafik fest positionieren mit css
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.