• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Sprungmarke bzw. Verweis ?

Status
Für weitere Antworten geschlossen.
T

Thomas70

Neues Mitglied
Hallo Leute,
ich habe eine Startseite und 15 Unterseiten zu erstellen.
Auf der Hauptseite soll sich ein Seiten-Hintergrundbild und das Navigationsmenü befinden.
Die sich ändernde Anzeige in ein farblich hinterlegtem Bereich sein (habe ich als Bilder).
Nun möchte ich statt der 15 Seiten mit gleichem Aufbau eine Seite.
Wie ist es möglich, bei einem Klick z.B. auf Verwaltung das Bild Verwaltung.gif etc. angezeigt bekomme ?
Ich habe es schon mit Sprungmarken versucht, ohne Erfolg.
Hoffentlich habe ich mich verständlich ausgedrückt.
Bin lernfähig und für jede konstruktive Hilfe dankbar.
LG Thomas

<head>
<title> </title>
<link rel="stylesheet" type="text/css" href="menue.css">
</head>
<body style="background-image:url('hgrd1.jpg');background-repeat:no-repeat;" scroll=no>
<div id="pz_menu">
<ul id="menu_item">
<li><a href="#">H O M E</a></li>
<li><a href="#">Verwaltung</a></li>
<li><a href="#">Administration</a></li>
<li><a href="#">System</a></li>
<li><a href="#">Information</a></li>
<li><a href="#">Stellenangebote</a></li>
<li><a href="#">Weiterbildung</a></li>
<li><a href="#">Ausstellung</a></li>
<li><a href="#">Personal</a></li>
<li><a href="#">Dienstleistung</a></li>
</ul>
</div>
<div style="position: absolute; top: 122px; left: 163px; width: 1014px; height: 443px; z-index: 1">
<img border="0" src="text1.gif" width="85%" height="99%" align="middle" hspace="40"></div>
</body>
</html>
 

Anhänge

  • HAUPT.JPG
    HAUPT.JPG
    41,2 KB · Aufrufe: 7
Moin,

Du könntest alle Bilder bereits auf der Seite in den HTML-Code schreiben, und dann die einzelnen <img>-Tags per CSS auf display:none; stellen, dann sind sie unsichtbar.

Mit CSS könntest Du die Bilder anzeigen, wenn man mit der Maus über einen der Menüpunkte fährt (ohne zu klicken), das ginge mit der Pseudoklasse :hover auf dem Menüpunkt.

Für das Klicken bietet CSS nichts, das könnte man mit JavaScript machen. Per JavaScript (siehe SELFHTML: JavaScript/DOM) könnte man über den Event-Handler onclick eine Funktion aufrufen, die das gewünschte Image anzeigt (d.h. die Eigenschaft display: auf was anderes als "none" stellt).

Beide Lösungen haben aber Nachteile: Bei der CSS-Lösung braucht man nicht zu klicken. Der gemeine Besucher aber klickt nunmal auf Menüpunkte. Bei der JavaScript-Lösung muss JavaScript aktiviert sein. Ist es das nicht, bekommt der Besucher gar nichts zu sehen.

Vielleicht wäre also doch die bessere Lösung, mehrere Seiten zu machen. Per serverseitiger Lösung könntest Du bei jedem Link einen Parameter übergeben und den dann z.B. in PHP auslesen und das dem Parameter entsprechende Bild anzeigen.

Wenn aber, wenn ich Dich richtig verstehe, der Inhalt Deiner Seiten nur aus einem Bild besteht, läuft Deine Site ohnehin die Gefahr, nutzerunfreundlich zu sein, denn wenn der Client keine Bilder darstellt, es sich um einen Textbrowser handelt oder der Nutzer die Bilder abgeschaltet hat, dann ist es Essig. Ich weiß nicht, ob das alt-Attribut Deiner img-Tags den selben Inhalt vorhalten kann. Da solltest Du Dir u.U. noch ein paar Gedanken machen.

Viel Erfolg,
-Efchen
 
Moin,

dein Vorhaben hört sich ziemlich umständlich an.

Mit Frametechnik ginge das wohl aber solch mittelalterliche Techniken haben nichts mit modernem Webdesign zu tun.
Mit PHP ginge auch auch noch, irgendwas mit include(), bin aber leider kein PHP-Experte.

Warum machst du nicht deine ganzen Seiten einzeln und bindest dort jeweils die Bilder ein?

Das geht doch einfach per copy/paste.

Title, keywords und description z.B. solltest du doch eh für jede Seite extra definieren. Diese Arbeit hast du sowieso wg. Sumaoptimierung.
Der Contentbereich einer jeden Seite hat auch jedesmal einen anderen Text. Die Arbeit bleibt dir auch immer.

Der Quelltext den du uns gibst läßt eher darauf schließen das du grundsätzlichen Lernbedarf an HTML/CSS hast:
scroll z.B. ist mir unbekannt.
align ist uralt und sollte nicht mehr verwendet werden.

position:absolute; , weißt du was das macht und was für Auswirkungen das genau hat?

koslowski
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben