Sauron 
Hirnschaden
Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund
Level: 51 [?]
Erfahrungspunkte: 13.546.045
Nächster Level: 13.849.320
 |
|
Ok, auf der Galerie-Seite habe ich das jetzt mal schnell umgesetzt, allerdings noch mit der alten mouseover-Funktion.
Und es funktioniert.
Die Sache mit dem HG-bild werde ich wohl so akzeptieren müssen... Habe auf pausenhof.de mal nen Thread gemacht, da hat mir der eine Ober-Admin nur gesagt, dass das mit meinen Mitteln wohl nicht geht und er Flash benutzen würde.
Ich werde dann mal versuchen, das Menü neu aufzubauen.
__________________
|
|
23.07.2007 14:12 |
|
|
Three of Five
Borg
Dabei seit: 01.06.2002
Beiträge: 4.898
Herkunft: Unimatrix 01
Level: 58 [?]
Erfahrungspunkte: 39.196.019
Nächster Level: 41.283.177
|
|
Schwerer Fehler
Das Dokument konnte nicht validiert werden da keine Dokumententypdeklaration gefunden wurde.
Bitte fügen Sie eine gültige Deklaration ins Dokument ein und wiederholen die Validierung.
Eine Liste von gültigen [X]HTML-Deklarationen finden Sie hier
tztztz 
__________________
We are the Borg!
Resistance is futile!
the hellboard - join the community now!
maddin.org - Full Metal Pictures - Konzertbilder und mehr
|
|
|
23.07.2007 15:30 |
|
|
Three of Five
Borg
Dabei seit: 01.06.2002
Beiträge: 4.898
Herkunft: Unimatrix 01
Level: 58 [?]
Erfahrungspunkte: 39.196.019
Nächster Level: 41.283.177
|
|
|
|
23.07.2007 16:05 |
|
|
Sauron
Hirnschaden
Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund
Level: 51 [?]
Erfahrungspunkte: 13.546.045
Nächster Level: 13.849.320
|
|
Ich weiß. Müsste inzwischen behoben sein.
Die Frage war auch nicht mehr auf deinen Fehler bezogen.
Ich krieg's übrigens nicht hin, dass für die einzelnen div-tags Hintergrundbilder angezeigt werden. (siehe ->Galerie)
Das ist der relevante Quelltext: (nur für den Menüpunkt "Über mich")
CSS-Datei:
| code: |
1:
2:
|
#uebermich { position: absolute; top: 57px; left: 4px; border-style: none; outline-style: none; background-image: url("bilder/uebermich_0.gif"); }
#uebermich:hover { background-image: url(bilder/uebermich_1.gif); } |
|
menu.htm:
| code: |
1:
|
<a href=uebermich.htm><div id="uebermich">Uebermich</div></a> |
|
__________________
|
|
|
23.07.2007 16:40 |
|
|
Three of Five
Borg
Dabei seit: 01.06.2002
Beiträge: 4.898
Herkunft: Unimatrix 01
Level: 58 [?]
Erfahrungspunkte: 39.196.019
Nächster Level: 41.283.177
|
|
den fehler kenn ich auch
problem ist das die div box nur so groß wie deren inhalt ist (hintergrundbild zählt nicht)
du musst die box also wenigsten noch mit min-width und min-height aufspannen, sonst ist die box nur 0px mal 0px groß und du siehst nix
__________________
We are the Borg!
Resistance is futile!
the hellboard - join the community now!
maddin.org - Full Metal Pictures - Konzertbilder und mehr
|
|
|
23.07.2007 16:54 |
|
|
Sauron
Hirnschaden
Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund
Level: 51 [?]
Erfahrungspunkte: 13.546.045
Nächster Level: 13.849.320
|
|
Ok, das macht Sinn...
Werd ich gleich mal korrigieren...
-- Edit --
So, ich habe es korrigiert. Leider bringt's nicht viel.
Bei den beiden schon verlinkten Menüpunkten merkt man, dass die div-Box jetzt so groß ist, wie das Bild wäre, allerdings ist von dem Bild nichts zu sehen...
menu.htm:
| code: |
1:
2:
3:
|
<a href=index.htm><div id="derkeller">Keller</div></a>
<a href=uebermich.htm><div id="uebermich">Uebermich</div></a>
<div id="erschein">Erscheinungen</div> |
|
style.css:
| code: |
1:
2:
3:
4:
5:
6:
|
#derkeller { position: absolute; top: 0px; left: 0px; width: 260px; height: 40px; border-style: none; outline-style: none; background-image: url("bilder/derkeller_0.gif"); }
#derkeller:hover { background-image: url(bilder/derkeller_1.gif); }
#uebermich { position: absolute; top: 57px; left: 4px; width: 83px; height: 16px; border-style: none; outline-style: none; background-image: url("bilder/uebermich_0.gif"); }
#uebermich:hover { background-image: url(bilder/uebermich_1.gif); }
#erschein { position: absolute; top: 95px; left: 10px; width: 123px; height: 14px; border-style: none; outline-style: none; background-image: url(bilder/erschein_0.gif); }
#erschein:hover { background-image: url(bilder/erschein_1.gif); } |
|
--- Edit 2 ---
Gut, ich habe den nächsten Fehler selbst entdeckt. Wie man oben sehen kann, habe ich in der CSS-Datei die Bilder im Ordner "bilder/" zugewiesen. Dumm nur, dass der Ordner in Wirklichkeit "Bilder/" heißt... -.-
In Firefox funzt es jetzt, nur im MS Internet Explorer funktioniert der hover-Effekt nicht... Sowohl css als auch java.
Außerdem hakt bei css die Darstellung noch extrem...
---- Edit 3 ----
So, ich hab's jetzt tatsächlich hinbekommen, glaube ich. (Immernoch nur auf der Galerie-Seite und dort noch nicht alle Menüpunkte verlinkt.)
Aber der Internet Explorer gehört verboten.
Da funzt ja nix! auch aufm Mac. Nur die Darstellung ist nicht so beschissen wie bei mir zu hause. Dafür funktionieren die Links nicht. -.-
Ich habe jetzt in der html-Datei von der Galerie-Seite im Head folgenden Text eingefügt, damit das Link "Galerie" als aktuell besuchte Seite hervorgehoben wird:
| code: |
1:
2:
3:
|
<style type="text/css">
#galerie { background-image: url(Bilder/galerie_2.gif); }
</style> |
|
Kann man das auch mit php automatisieren? Wenn ja, wie?
__________________
Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Sauron: 24.07.2007 11:59.
|
|
|
24.07.2007 00:30 |
|
|
Sauron
Hirnschaden
Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund
Level: 51 [?]
Erfahrungspunkte: 13.546.045
Nächster Level: 13.849.320
|
|
Sooo.... Die Automatisierung für die Hervorhebung gebe ich auf. Erstens geht das weit über meine php-Kenntnisse hinaus, zweitens ist es auch nicht so ein großer Aufwand, das für jede Seite einzufügen. Das wird ja so bleiben.
Jetzt bin ich dabei, die Galerie-Seite mit Inhalt zu füllen.
Dafür würde ich gerne das eigentliche Bild als Hintergrund nehmen und im Vordergrund so eine Art Vorhang als animierte gif-Datei platzieren. Das würde dann ungefähr so aussehen:
(Nur mit besserer Bildquali, weil das HG-Bild mehr als 256 Farben haben kann. Und es würde sich dann auch nicht mehr wiederholen.)
Mit einem Klick auf's Bild (eigentlich auf den Vorhang, das sieht man aber nicht), soll dann das Hintergrundbild, also das eigentliche Bild, gewechselt werden.
Mal schauen, ob ich das mit 'nem Javascript hinkriege.
Habt ihr Tipps?
__________________
|
|
|
26.07.2007 15:04 |
|
|
Sauron
Hirnschaden
Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund
Level: 51 [?]
Erfahrungspunkte: 13.546.045
Nächster Level: 13.849.320
|
|
http://derkeller.cwsurf.de/galerie.htm
Ok... Für den Bildwechsel habe ich nun das passende Java-Script.
Den Vorhang habe ich per CSS genau über dem Bild positioniert, was nun doch kein HG-Bild, sondern ein normales < img >-Element ist, was auch per CSS positioniert ist.
Der Vorhang ist das Link, was den Bildwechsel auslöst.
Dummerweise startet die Animation aber nur einmal, direkt nach dem Laden, aber nicht mehr, wenn das nächste Bild aktualisiert wird, da die Seite ja nicht mehr neu geladen wird.
Kann man irgendwie festlegen, dass die Gif-Animation bei Klick neu gestartet wird?
__________________
|
|
|
27.07.2007 10:23 |
|
|
|
|
