Seite 1 von 1
navi anklickbar (nicht nur text - auch fläche der navi)
Verfasst: Do 19. Mai 2005, 15:05
von postitat
hallo auch!
ich hab da eine frage:
könnt ihr mir bitte sagen wie ich es anstelle in der navigation auch die fläche klickbar zu machen... der text funktioniert (eh klar)
in den templates finde ich viel - jedoch wo ich diese einstellung vornehmen kann - ich komm einfach nicht drauf.
vielen dank für eure hilfe!
gruß,
heli
ps: hab eh vorher im forum gesucht - aber wahrscheinlich falsch
Verfasst: Do 19. Mai 2005, 17:12
von quizzmaster
Wenn du eine CSS Navigation benutzt geht das wunderbar, wenn du dir mal sowas anfachauen willst ->
http://famlenz.de
Funktioniert wunderbar mit angepasstem Navigations Modul
Wenn interesse besteht kann ich den ganzen Code und den entsprechenden auszug aus der CSS-Datei hier mal posten.
Verfasst: Do 19. Mai 2005, 21:16
von Beleuchtfix
CSS Navi unter
www.x28.de
Viel Erfolg
Florian
Verfasst: Sa 21. Mai 2005, 01:22
von JSommer
yepp, poste bitte mal deinen code hier im forum! thx.
CSS und Standardnavi
Verfasst: Di 31. Mai 2005, 18:42
von anjin san
Hallo,
Also ich verwende in einem Projekt Ver.4.44 mit der Standardnavigation.
In den Templates (unter cms/templates zu finden ) habe ich einfach eine Klasse eingefügt; ( im Beispiel "hauptone" )
Code: Alles auswählen
<!-- BEGIN:BLOCK -->
<tr><td width="165" colspan="2" height="22" style="padding-left:5px">
<a class="hauptone" target="{TARGET}" href="{HREF}" >{NAME}</a></td></tr>
<!-- END:BLOCK -->
und diese Klasse dann in der format.css entsprechend definiert.
Soweit ich weiss ist die Anweisung "display: block;"
dafür verantwortlich, dass der gesamte Bereich der Navi klickbar ist.
Definition lt.gscheitem Buch:
"Das Element wird wie ein Block-Element behandelt.
Das Bedeutet, dass ein Element in einer neuen Zeile beginnt und
ein folgendes ebenfalls."
Hier die Klasse im CSS file
Code: Alles auswählen
.hauptone { background-image: url(../images/naviback.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bolder;
text-decoration: none;
display: block;
border-color: #AE6B00;
Zu sehen unter:
www.miraproject.at