Hintergrund funktioniert nicht!
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
befehl
bild
code
dienst
file
ftp
funktioniert http
helfen
hintergrundbild
http
image
jemand
position
richtiges bild
sekunde
tag
text
url
weben
zugang
-
Schönen guten Tag,
ich habe folgendes Problem:
Ich habe mir vor kurzem eine Website für meine Klasse hier eingerichtet :
http://unsereklasse.lima-city.de/
Darauf hin habe ich angefangen sie zu bearbeiten. Ich hatte vor durch CSS ein Hintergrundbild einzufügen was aber nicht klappte :
body
{
text-align: center;
font-family: Impact;
background-image: url(http://s7.directupload.net/file/d/3443/6...g_png.html );
background-position: center;
}
Der Link der bei dem backround-image Befehl benutzt wird funktioniert :
http://s7.directupload.net/file/d/3443/6...g_png.html
Daraufhin habe ich es dann probiert in den HTML code als Hintergrundbild einzurichten, aber vergebens :
<body style="background-image: url(http://s7.directupload.net/file/d/3443/6...g_png.html );">
<h1 style="float: both;">
Die Klasse 9a des Friedrich-Magnus-Schwerd-Gymnasiums
</h1>
</body>
Kann ich eventuell auch einfach ein bild im ftp-zugang hochladen und dies dann verlinken ? Wenn ja wie ?
Letzten Endes habe ich garkein Hintergrund
Kann jemand helfen ?
Vielen Dank im vorraus
Florian -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Natürlich funktioniert das nicht, du versuchst kein richtiges Bild zu verlinken, das erkennt man schon am '.html' welches deinen Link abschließt.
An sich stimmt dein Code, nur das Bild ist nicht richtig.
Du hast entweder die Möglichkeit das ganze auf deinen FTP zu laden, oder einen Dienst zu nutzen der die komfortabel das Verwenden des Direktlinkes ermöglicht.
Dazu empfehle ich: http://abload.de/
Einfach hochladen, den Direktlink kopieren und dann entsprechend in den Code einfügen.
Gruß
Beitrag zuletzt geändert: 16.11.2013 18:35:34 von ra1n -
unsereklasse schrieb:
Der Link der bei dem backround-image Befehl benutzt wird funktioniert :
http://s7.directupload.net/file/d/3443/6...g_png.html
Wenn ich dem Link folge, bekomme ich von directupload.net einen 404er. Funktioniert also nicht.
Kann ich eventuell auch einfach ein bild im ftp-zugang hochladen und dies dann verlinken ? Wenn ja wie ?
Ja, das geht.
Wenn Du das Bild in den gleichen Ordner legst, in dem auch die index.hzml liegt, sollte der Link so aussehen:
<body style="background-image: url(bildname.png );">
Hast Du einen Unterordner für deine Bilder (z.B. Images), dann sähe es so aus:
<body style="background-image: url(images/bildname.png );">
-
Danke hat alles geklappt mit Hilfe von http://abload.de :)
Es hatte geklappt
Irgentwie nicht mehr ich habe jetzt einfach ein neues Bild benutzt:
Direktlink : http://abload.de/img/bgzurbearbeitungz4ura.jpg
und das hier ist mein momentaner CSS code:
body
{
text-align: center;
font-family: Impact;
background-image: url(http://abload.de/img/bgzurbearbeitungz4ura.jpg);
background-position: fixed;
}
und das background-image im HTML code festzulegen hat auch nicht geklappt
Kann bitte wieder jemand helfen ? Was mach ich falsch? Ehrlich?!
Beitrag zuletzt geändert: 16.11.2013 22:54:55 von unsereklasse -
unsereklasse schrieb:
Kann bitte wieder jemand helfen ? Was mach ich falsch? Ehrlich?!
Funktioniert doch, wo ist das Problem?
Eventuell hast Du nicht lange genug gewartet. Ein Hintergrundbild mit 3,3MB braucht halt etwas Zeit, bis es geladen ist.
Denk mal darüber nach, ob Du das deinen Nutzern zumuten willst. Nicht jeder hat einen Highspeed-Zugang zum Web. Nutzer mit einem 6000er DSL-Anschluß müssen, allein bis das Hintergrundbild geladen ist, mind. 4,5 Sekunden warten, -
oh ok dankeschön
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage