website mit hintergrundbild :: webwork-community.net

Forum » Auszeichnungssprachen » website mit hintergrundbild

Antworten

website mit hintergrundbild

eva

Pixelschubser

Beiträge: 4

Erstellt am: 24.08.2006 00:38

Liebe Leute!

hab seit jahren wieder mal eine website gebastelt. da hat sich so einiges geändert und ich weiß nimmer so recht bescheid.
schaut euch bitte folgenden link an:
http://www.wspn.at/index3.html

meine fragen:
hintergrundbilder bauen sich zu langsam auf. zu lange weiß dazwischen. kann ich das ändern?
das hintergrundbild soll immer in der mitte sein und von keinem browser angeschnitten werden. habs nur auf safari getestet. wie schauts bei euch aus? gibts da codes dafür?
kann die tabelle auch fixiert werden, damit der weiße text immer über dem hintergrundbild bleibt und der schwarze text immer über weißer fläche?

hoffe jemand von euch ist so lieb und schaut sich mein problem an!
freue mich auf eure antworten

lg
eva

Profil E-Mail Editieren Zitieren

progrookie

Fachidiot

Beiträge: 119

Erstellt am: 25.08.2006 16:05

Ich persönlich würde kein TabellenLayout verwenden. Stylistisch ist es besser wenn Du auf ein DIV-Layout.
Hier zur Hilfestellung: http://css.fractatulum.net/sample/layout1format.htm

Und wenn Du deine Grafik immer zentriert haben möchtest, müßte Folgende funktionieren:

1: 
2: 
3: 
4: 
5: 
6: 
7:

body(oder eine Klassendeklaration)
{
	background: #FFFFFF url('deine Grafik') no-repeat;
	background-attachment:fixed;
 	background-position: top center;
	margin: 0px auto;
}

---

Diese Nachricht wurde geändert von: progrookie

Profil E-Mail Website Editieren Zitieren

Ori

Fachidiot

Beiträge: 115

Erstellt am: 10.09.2006 14:06

Wenn Du ganze Bildobjekte in den Array lädst, bleiben die Bilder im Cache, solange die Seite angezeigt wird.

1:	bilder[0] = new Image("Bilder/WSPNa.jpg");

Der Zugriff auf den Bildpfad erfolgt dann per bilder[index].src

Falls Dir der RAM des Nutzers am Herzen liegt, bringen Dich zwei Ebenen weiter: Du legst das Hindergrundbild doppelt fest (dafür brauchst Du zwei Elemente - vermutlich <body> und den Inhalts-<div> - sofern Du den Ratschlag über mir befolgst). Im Hintergrund das alte Bild (beim Laden sollte es ein sehr kleines, evtl. sogar einfarbiges Rechteck sein, sodass man den Text schon lesen kann, bevor das Bild geladen ist). Und im Vordergrund wird das neue Bild geladen und - sobald es fertig ist - direkt über das alte gezeichnet.

Profil E-Mail Website Editieren Zitieren

	Antworten