mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 13:38 Benutzername: Passwort: Auto-Login

Thema: Html - Seitenaufbau mit CSS aber mit MENUE HiGHLiGHT vom 03.01.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Html - Seitenaufbau mit CSS aber mit MENUE HiGHLiGHT
Seite: 1, 2  Weiter
Autor Nachricht
Chrischan
Threadersteller

Dabei seit: 05.10.2003
Ort: Kiel
Alter: 57
Geschlecht: Männlich
Verfasst Sa 03.01.2009 15:14
Titel

Html - Seitenaufbau mit CSS aber mit MENUE HiGHLiGHT

Antworten mit Zitat Zum Seitenanfang

Moin zusammen!

Ich möchte für einen Kunden eine Website mit Dreamweaver CS4 bauen. Da die Website später mit Contribute oder mit InContentEditing bearbeitet werden soll, habe ich auf ein CMS verzichtet.
Also lege ich ein Dreamweaver-Template an, in dem der Content editierbar ist. Die Navigation besteht aus Links, die mit CSS formatiert ist und ist nicht editierbar.

Jetzt zu meinem Problem:
Ich möchte gern in der Navigation ein Highlight auf dem entsprechenden Menuepunkt haben. Da jede neue Seite aber auf dem Mastertemplate aufbaut, kann ich es über eine ID im Bodytag nicht lösen.

Ich habe schon 2 Tage gesucht, und hätte folgende Lösungen

php - bin ich aber zu blöd für Menno!
flash-menü - würde eine Flashvariable zum aktuellen Status in einer Textdatei ablegen (harte Methode, oder? Meine Güte! )
frames - zerhackt mein Layout

Hat sonst noch jemand eine Idee?

Wäre für Anregungen sehr dankbar!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 03.01.2009 15:41
Titel

Antworten mit Zitat Zum Seitenanfang

Also wenn ich dich richtig verstanden habe, willst du lediglich ein Mouseover im Menü haben.


Dann empfehle ich dir einfach den CSS Selektor :hover. Damit kannst du einfach deinem Link oder (fast) beliebigen Element (je nach Browserkompatibilität) einen Hover-Effekt per CSS zuweisen.

eine Möglichkeit wäre z.B.:
Code:

<div id="menue">
<ul>
   <li>Menüpunkt 1</li>
   <li>Menüpunkt 1</li>
</ul>
</div>


Code:


div#menue ul li{
   display: block;
   width: 4em;
   height: 1em;
   background-color: #ccc;
}

div#menue ul li:hover{
   display: block;
   width: 4em;
   height: 1em;
   background-color: #666;
}

  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Chrischan
Threadersteller

Dabei seit: 05.10.2003
Ort: Kiel
Alter: 57
Geschlecht: Männlich
Verfasst Sa 03.01.2009 15:46
Titel

Antworten mit Zitat Zum Seitenanfang

Smooth-Graphics hat geschrieben:
Also wenn ich dich richtig verstanden habe, willst du lediglich ein Mouseover im Menü haben.




Nee, das habe ich schon. Ich möchte, nachdem ich einen Menüpunkt angeklickt habe, dass dieser Menüpunkt als Aktiv gekennzeichnet stehenbleibt.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 03.01.2009 16:10
Titel

Antworten mit Zitat Zum Seitenanfang

Keine Ahnung wie es mit deinem Dreamweaver Template zu vereinbaren ist, aber du musst
einfach die aktuelle Seite mit eindeutig erkennbar machen.

Code:
<ul>
   <li><a href="">link</a></li>
   <li id="active">link</li>
   <li><a href="">link</a></li>
</ul>


Zuletzt bearbeitet von m am Sa 03.01.2009 16:11, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 03.01.2009 16:51
Titel

Antworten mit Zitat Zum Seitenanfang

Naja, das müsste vllt mit Spry gehen... wie das geht weiß ich dann aber auch nicht genau. Ist irgendwie schwiergi mit DW Templates ohne PHP etc.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Typografit

Dabei seit: 31.01.2006
Ort: -
Alter: 61
Geschlecht: Männlich
Verfasst So 04.01.2009 10:28
Titel

Antworten mit Zitat Zum Seitenanfang

Ja, das geht mit Spry, seit CS3 ist das automatisch mit Dw mitinstalliert und in CS4 erweitert. Das ist sogar der einfachste Bereich von Spry. Zuerst fügst Du eine Spry-Menüleiste ein, entscheidest Dich ob sie vertikal oder horizontal sein soll, fügst die Menüpunkte ein (kann später auch geändert werden), dann bildet Dw automatisch ein SpryIrgendwas.css. Dort kannst Du dann die verschiedenen Elemente und Stadien auswählen und mit dem css-Editor anpassen.

Statt einer Menüleiste kämen für Dich vielleicht auch SpryTabs in Frage, wird im Prinzip genauso gemacht wie oben beschrieben, nur gehen die nur horizontal.


Zuletzt bearbeitet von Typografit am So 04.01.2009 10:30, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Chrischan
Threadersteller

Dabei seit: 05.10.2003
Ort: Kiel
Alter: 57
Geschlecht: Männlich
Verfasst So 04.01.2009 21:30
Titel

Antworten mit Zitat Zum Seitenanfang

Erstmal vielen Dank an alle, die mir helfen wollten!

Leider helfen mir die vorgeschlagenen Methoden nicht weiter, denn wenn eine neue Seite geladen wird, verlieren sämtliche Zustände ihren Focus. Vielleicht hatte ich mich da etwas schwammig ausgedrückt...

Was ich versuche ist folgendes:

Link1
Link2
. Link3 <- auf dieser Seite befinden wir uns und das soll markiert sein
Link4
Link5

Ich weiss nicht, ob es möglich ist, einem Link noch eine Statusvariable mitzugeben. Sowas wie: http://domain.xy/linkziel3.html#highlight3 - bin da nicht so fit *Schnief*

Da die Website ja auf einem Dreamweaver-template basiert, sind alle Seiten Html. Das normale Hover mit css ist kein Problem.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 04.01.2009 21:34
Titel

Antworten mit Zitat Zum Seitenanfang

Chrischan hat geschrieben:
Leider helfen mir die vorgeschlagenen Methoden nicht weiter, denn wenn eine neue Seite geladen wird, verlieren sämtliche Zustände ihren Focus. Vielleicht hatte ich mich da etwas schwammig ausgedrückt...


Nein, war schon verständlich und mein Vorschlag ist hier auch normale vorgehensweise.

Was Spry angeht keine Ahnung...


Zuletzt bearbeitet von m am So 04.01.2009 21:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [css menue] html Text unsichtbar machen
seitenaufbau beschleunigen
[CSS] Seitenaufbau mit DIVs
Seitenaufbau mit CSS und DIVs?
Frage zu Seitenaufbau und Navigation in CSS
allgemeine Frage zum Seitenaufbau
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.