Forum
Forum 
RSS2
Suchen
Mitgliederliste
Registrieren
Profil
Gehe zu: » Forum » HTML und Javascript » Foto anzeigen
Seite: 1
Thema
Autor
Beitrag von Hallo
Da bin ich wieder mit dem nächsten problem ;((!..
Also ich will eine intro seite erstellen auf der im Hintergrund ein bild auf Vollbildschirm is und im Vordergrund Buttons usw…also mein Problem: wenn ich jetzt den code :
„<img src="DSC_0154.jpg" alt="" position:absolut top"10" />“
so eingebe wie ich es gewohnt bin, is das Bild auf meinem bilschirm zwar voll aber bei anderen Besuchern größer oder kleiner ! Ich muss also ein Bild habe das sich mit seiner größe an die größe der Bildschirme anpasst ! Habe schon versucht einfach ein Bild einzufügen und statt der pixel zahl 100 % einzugeben. Klappt aber auch nicht …da ist das bild noch größer ! Ich vermute in meiner Idee is ein kleiner Denkfehler .. ich hoffe es kann mir einer sagen was ich falsch mache bzw. mit den richtigen Code posten !
Danke schon mal im vorraus
Mfg
Mamboobamboo
Da bin ich wieder mit dem nächsten problem ;((!..
Also ich will eine intro seite erstellen auf der im Hintergrund ein bild auf Vollbildschirm is und im Vordergrund Buttons usw…also mein Problem: wenn ich jetzt den code :
„<img src="DSC_0154.jpg" alt="" position:absolut top"10" />“
so eingebe wie ich es gewohnt bin, is das Bild auf meinem bilschirm zwar voll aber bei anderen Besuchern größer oder kleiner ! Ich muss also ein Bild habe das sich mit seiner größe an die größe der Bildschirme anpasst ! Habe schon versucht einfach ein Bild einzufügen und statt der pixel zahl 100 % einzugeben. Klappt aber auch nicht …da ist das bild noch größer ! Ich vermute in meiner Idee is ein kleiner Denkfehler .. ich hoffe es kann mir einer sagen was ich falsch mache bzw. mit den richtigen Code posten !
Danke schon mal im vorraus
Mfg
Mamboobamboo
Dieser Beitrag wurde schon 1x bearbeitet.
Zuletzt am 26.01.2009 16:37:41 von mamboobamboo.
Zuletzt am 26.01.2009 16:37:41 von mamboobamboo.
Hallo,
du kannst doch mit CSS einfach ein Hintergrundbild definieren:
Gruss Patrick
du kannst doch mit CSS einfach ein Hintergrundbild definieren:
PHP-Code:<style type="text/css"> <!-- body { background-image: url(DSC_0154.jpg); background-repeat: repeat; } --> </style>
Gruss Patrick
hallo ..danke für deine antwort ..aber leider berücksichtig dein script nich das das bild als voller bildschrim angezeigt werden soll..
habe da inzwischen was gefunden :
Meine frage hierzu wäre jetzt noch wie man jetzt auf diesem festen hintergrund an bestimmten stellen buttons plaziert damit die an jedem bildschirm an der stelle sind .. geht das ?
habe da inzwischen was gefunden :
Code:
<style type="text/css">
<!--
* { margin: 0;
padding: 0;}
/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
body, html{ width: 100%;
height: 100%;
overflow: hidden;}
/* BG-Image auf unterste Ebene anordnen */
#bgImg{ position: absolute;
top: 0;
left: 0;
border: 0;
z-index: 1;}
/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#bodyDiv{ position: absolute;
top: 0;
left: 0;
z-index: 2;
overflow: auto;
width: 100%;
height: 100%;
text-align: center;}
//-->
</style>
</head>
<body>
<img id="bgImg" src="DSC_0154.jpg" width="100%" height="100%">
<div id="bodyDiv">
<!--
* { margin: 0;
padding: 0;}
/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
body, html{ width: 100%;
height: 100%;
overflow: hidden;}
/* BG-Image auf unterste Ebene anordnen */
#bgImg{ position: absolute;
top: 0;
left: 0;
border: 0;
z-index: 1;}
/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#bodyDiv{ position: absolute;
top: 0;
left: 0;
z-index: 2;
overflow: auto;
width: 100%;
height: 100%;
text-align: center;}
//-->
</style>
</head>
<body>
<img id="bgImg" src="DSC_0154.jpg" width="100%" height="100%">
<div id="bodyDiv">
Meine frage hierzu wäre jetzt noch wie man jetzt auf diesem festen hintergrund an bestimmten stellen buttons plaziert damit die an jedem bildschirm an der stelle sind .. geht das ?
Seite: 1
Statistik
Es wurden insgesamt 2156 Beiträge geschrieben.
Wir haben 10450 registrierte Mitglieder.
Der neueste Benutzer ist Sasha - Forum Beta³ - Bug melden
Wir haben 10450 registrierte Mitglieder.
Der neueste Benutzer ist Sasha - Forum Beta³ - Bug melden
