SpiceLab
ZENmechanic
Das war noch nie das Problemalso es ist gedacht das wen ich über einen button:hover soll wie wir es jetzt bereits haben der "quebec" unten angefahren kommen wen ich nun den Button drücke behält der "quebec" seine aktuelle Position bei diesem Button (durch das klicken wird der seiten Inhalt gewechselt also es wird keine andere Seite geladen nur der Inhalt verändert) nun soll wen ich jetzt über einen anderen Button komme der "quebec" weiter fahren zum nun :hover Button und dann wider das selbe wen ich ihn klicke bleibt "quebec" am Ort usw.
ich hoffe du verstehst es wie ich es mir vorstelle
https://jsfiddle.net/spicelab/t4rtLwb0/
HTML:
<li class="n1 active"><a href="#">Shop</a></li>
CSS:
.n1.active ~ li.quebec,
.n1:hover ~ li.quebec { left: 9%; width: 80px; }
In diesem Fall kann Dir das CSS-Beispiel auch nicht weiterhelfen, weil es statische Seiten voraussetzt, in denen der Bezeichner (hier: .active) entweder im HTML-Code die <li>'s durchwandert, oder in den <body>'s der Name sich ändert.
Und wie geht die Dynamik so vonstatten? Serverseitig (PHP)? Clientseitig (JS)?
[edit]Tipp-Ex[/edit]
Zuletzt bearbeitet: