Nils123 
Halbprofi
(offline)
Dabei seit 11.2010
193
Beiträge
|
|
Geschrieben am: 06.05.2011 um 22:21 Uhr
|
|
Hallo
Ich habe ein Bild
Breite 2560 Pixel
Höhe 1600 Pixel
Ich will das Bild als background haben aber wenn ich das hier mache
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<body style="background-image:url(Bild.jpg);">
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Dann sehe ich nur die hälfte
Kann man mit dem Code auch Breite und Höhe einstellen.
Also ich stelle das mir irgendwie so vor ist aber nicht richtig. Geht das überhaupt?
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<body style="background-image:url(Bild.jpg) width="800" height="600" ;">
So Q.q
osu player ♫
|
|
Tietze - 30
Champion
(offline)
Dabei seit 04.2011
2613
Beiträge
|
|
Geschrieben am: 06.05.2011 um 22:24 Uhr
|
|
Nein soweit ich weiß dürfte deine Möglichkeit nich gehen 
|
|
patoX
Champion
(offline)
Dabei seit 11.2008
3194
Beiträge
|
|
Geschrieben am: 06.05.2011 um 22:25 Uhr
|
|
einfach verkleinern und n bisschen schnippeln...müsst doch einfachst sein^^
Es gibt Frauen die mir TAUSENDE geben dass ich ihnen an die Möpse geh! und du kriegst das umsonst :P
|
|
Nils123
Halbprofi
(offline)
Dabei seit 11.2010
193
Beiträge
|
|
Geschrieben am: 06.05.2011 um 22:38 Uhr
|
|
Ah ok danke
Ich dachte nur.....
osu player ♫
|
|
darthkue - 37
Fortgeschrittener
(offline)
Dabei seit 02.2006
76
Beiträge
|
|
Geschrieben am: 06.05.2011 um 22:55 Uhr
|
|
Zitat von patoX: einfach verkleinern und n bisschen schnippeln...müsst doch einfachst sein^^
das ist leider keine all zu gute lösung...denn was machst du wenn ein besucher ne andere auflösung hat als du!? ...dann passt das ganze nicht mehr.
Aber es gibt eine Möglichkeit mit jQuery die Größe des Hintergrundbildes an die Browsergröße anzupassen
Supersized – Full Screen Background/Slideshow jQuery Plugin
|
|
scheyem - 36
Champion
(offline)
Dabei seit 10.2004
5393
Beiträge
|
|
Geschrieben am: 06.05.2011 um 23:09 Uhr
|
|
Zitat von darthkue: Zitat von patoX: einfach verkleinern und n bisschen schnippeln...müsst doch einfachst sein^^
das ist leider keine all zu gute lösung...denn was machst du wenn ein besucher ne andere auflösung hat als du!? ...dann passt das ganze nicht mehr.
Aber es gibt eine Möglichkeit mit jQuery die Größe des Hintergrundbildes an die Browsergröße anzupassen
Supersized – Full Screen Background/Slideshow jQuery Plugin
Techno 4ever
|
|
patoX
Champion
(offline)
Dabei seit 11.2008
3194
Beiträge
|
|
Geschrieben am: 06.05.2011 um 23:19 Uhr
|
|
Zitat von darthkue: Zitat von patoX: einfach verkleinern und n bisschen schnippeln...müsst doch einfachst sein^^
das ist leider keine all zu gute lösung...denn was machst du wenn ein besucher ne andere auflösung hat als du!? ...dann passt das ganze nicht mehr.
Aber es gibt eine Möglichkeit mit jQuery die Größe des Hintergrundbildes an die Browsergröße anzupassen
Supersized – Full Screen Background/Slideshow jQuery Plugin
aber wieso an andere denken :D
Es gibt Frauen die mir TAUSENDE geben dass ich ihnen an die Möpse geh! und du kriegst das umsonst :P
|
|
Nils123
Halbprofi
(offline)
Dabei seit 11.2010
193
Beiträge
|
|
Geschrieben am: 06.05.2011 um 23:29 Uhr
|
|
Zitat von darthkue: Zitat von patoX: einfach verkleinern und n bisschen schnippeln...müsst doch einfachst sein^^
das ist leider keine all zu gute lösung...denn was machst du wenn ein besucher ne andere auflösung hat als du!? ...dann passt das ganze nicht mehr.
Aber es gibt eine Möglichkeit mit jQuery die Größe des Hintergrundbildes an die Browsergröße anzupassen
Supersized – Full Screen Background/Slideshow jQuery Plugin
Schön thx
osu player ♫
|
|
Bon_Scott - 37
Halbprofi
(offline)
Dabei seit 05.2005
386
Beiträge
|
|
Geschrieben am: 07.05.2011 um 12:09 Uhr
|
|
so, wie du das machst, gehts nicht!
aber du kannst einfach nen weiteren container hinzufügen, und diesem dann deinen style mitgeben!
Beispiel:
<body>
<div style="background-image:url(Bild.jpg); width:800px; height:600px;">
Hier dein Inhalt ...
</div>
</body>
Achja, wenn du Styles hinzufügst, dann kannst du nicht mit "=" Werte zuweisen, sondern nur mit Doppelpunkt!
Aber selbst wenn, im Body funktioniert dein Style nicht!
Nur weil du nicht Paranoid bist, heißt das nicht, dass du nicht verfolgt wirst!
|
|
McPommes - 51
Experte
(offline)
Dabei seit 09.2006
1422
Beiträge
|
|
Geschrieben am: 07.05.2011 um 13:10 Uhr
|
|
Ein Plugin muss aber auf jedem Rechner installiert sein mit dem man sich die Seite anschaut und das wird kaum jemand nur für eine einzige Seite tun.
Und das div aus dem letzten Beispiel ist dann zwar so groß wie es soll, aber das Hintergrundbild wird trotzdem nicht skaliert.
*** diese Fusszeile verschwendet 45 Bytes ***
|
|
MackieMesser - 41
Champion
(offline)
Dabei seit 08.2007
3916
Beiträge
|
|
Geschrieben am: 07.05.2011 um 21:22 Uhr
|
|
Zitat von McPommes: Ein Plugin muss aber auf jedem Rechner installiert sein mit dem man sich die Seite anschaut und das wird kaum jemand nur für eine einzige Seite tun.
Und das div aus dem letzten Beispiel ist dann zwar so groß wie es soll, aber das Hintergrundbild wird trotzdem nicht skaliert.
JQuery = javascript.
Das Risiko besteht eher darin, dass es Jquery mal wieder zerhaut, wenn ein Browser meint er müssen mit neuer Engine glänzen.
|
|
Bon_Scott - 37
Halbprofi
(offline)
Dabei seit 05.2005
386
Beiträge
|
|
Geschrieben am: 08.05.2011 um 13:33 Uhr
|
|
Zitat von McPommes: Ein Plugin muss aber auf jedem Rechner installiert sein mit dem man sich die Seite anschaut und das wird kaum jemand nur für eine einzige Seite tun.
Und das div aus dem letzten Beispiel ist dann zwar so groß wie es soll, aber das Hintergrundbild wird trotzdem nicht skaliert.
gut, hast recht ...
wenn er weiß, auf welche maße sein bild skaliert werden soll, kann er ja folgendes versuchen:
<style type="text/css">
#bg img{
position:absolute;
top:0;
left:0;
width: 1024px;
}
#content {
position:absolute;
top:0;
left:0;
z-index:70;
}
</style>
<div id="bg">
<img src="Bild.jpg" />
</div>
<div id="content">
Hier der Inhalt ...
</div>
Nur weil du nicht Paranoid bist, heißt das nicht, dass du nicht verfolgt wirst!
|
|
McPommes - 51
Experte
(offline)
Dabei seit 09.2006
1422
Beiträge
|
|
Geschrieben am: 09.05.2011 um 20:57 Uhr
|
|
Schon klar aber das läuft ja auf dem Browser und nicht auf dem Server.
Ich glaube er will das Bild so groß skaliert haben dass es immer ganz zu sehen ist, egal wie groß der Container ist.
*** diese Fusszeile verschwendet 45 Bytes ***
|
|
Bon_Scott - 37
Halbprofi
(offline)
Dabei seit 05.2005
386
Beiträge
|
|
Geschrieben am: 09.05.2011 um 22:38 Uhr
|
|
Zitat von McPommes:
Schon klar aber das läuft ja auf dem Browser und nicht auf dem Server.
Ich glaube er will das Bild so groß skaliert haben dass es immer ganz zu sehen ist, egal wie groß der Container ist.
sollte ja kein problem sein ...
muss er halt folgendes ändern:
<style type="text/css">
#bg img{
position:absolute;
top:0;
left:0;
width: inherit;
}
#bg {
width: 1024px;
}
#content {
position:absolute;
top:0;
left:0;
z-index:70;
}
</style>
<div id="bg">
<img src="Bild.jpg" />
</div>
<div id="content">
Hier der Inhalt ...
</div>
Die Breite des Bildes auf die Breite des übergeordneten Elements beziehen,
und diesem, also dem Container "#bg" eben eine bestimmte Breite zuweisen!
Nur weil du nicht Paranoid bist, heißt das nicht, dass du nicht verfolgt wirst!
|
|
[