Autor |
Nachricht |
Chrischan
Threadersteller
Dabei seit: 05.10.2003
Ort: Kiel
Alter: 57
Geschlecht:
|
Verfasst Sa 03.01.2009 15:14
Titel Html - Seitenaufbau mit CSS aber mit MENUE HiGHLiGHT |
|
|
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
flash-menü - würde eine Flashvariable zum aktuellen Status in einer Textdatei ablegen (harte Methode, oder? )
frames - zerhackt mein Layout
Hat sonst noch jemand eine Idee?
Wäre für Anregungen sehr dankbar!
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 03.01.2009 15:41
Titel
|
|
|
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;
}
|
|
|
|
|
|
Anzeige
|
|
|
Chrischan
Threadersteller
Dabei seit: 05.10.2003
Ort: Kiel
Alter: 57
Geschlecht:
|
Verfasst Sa 03.01.2009 15:46
Titel
|
|
|
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.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 03.01.2009 16:10
Titel
|
|
|
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
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 03.01.2009 16:51
Titel
|
|
|
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.
|
|
|
|
|
Typografit
Dabei seit: 31.01.2006
Ort: -
Alter: 61
Geschlecht:
|
Verfasst So 04.01.2009 10:28
Titel
|
|
|
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
|
|
|
|
|
Chrischan
Threadersteller
Dabei seit: 05.10.2003
Ort: Kiel
Alter: 57
Geschlecht:
|
Verfasst So 04.01.2009 21:30
Titel
|
|
|
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
Da die Website ja auf einem Dreamweaver-template basiert, sind alle Seiten Html. Das normale Hover mit css ist kein Problem.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 04.01.2009 21:34
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ä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
|
|