CSS: Zusammenklappen und Tabs
Eingetragen von Q-Base (339)am 07.11.2006 - 09:20 Uhr in
Hallo,
ich bin, wenn es um Style & Grafik geht, ein echter Noob. Ich finde in Drupal aber diese Funktionalität geil, dass man ein Fieldset zusammenklappen kann. Ich habe in den Quelltext geschaut, aber nichts gefunden, was aus meiner Sicht erklärt, wie es geht.
Wie geht das?
Und dann finde ich die Registerlaschen scharf. Da Drupal ja jetzt schon diverse CSS-Eigenschaften in den Themes mitbringt und ich nicht firm bin in der CSS2-Schreibweise (Vererbung & Abhängigkeit), verwurstel ich mich da immer in dem Stylesheets.
Wie geht das?
Sorry, wenn ich so frage, aber in einem anderen Forum müsste ich erst erklären, was ich meine und woher ich das kenne. Ihr wisst worüber ich rede (hoffe ich), und wisst hoffentlich, wie es geht.
Ciao, Q
- Anmelden oder Registrieren um Kommentare zu schreiben
Die Fieldsets werden mit
am 07.11.2006 - 09:44 Uhr
Die Fieldsets werden mit JavaScript zusammengeklappt.
Den Code findest Du in
/misc/collapse.js.Das CSS für die Tabs ist in der Datei
/misc/drupal.cssdefiniert:/* Tab navigation */ul.primary {
border-collapse: collapse;
padding: 0 0 0 1em;
white-space: nowrap;
list-style: none;
margin: 5px;
height: auto;
line-height: normal;
border-bottom: 1px solid #bbb;
}
ul.primary li {
display: inline;
}
ul.primary li a {
background-color: #ddd;
border-color: #bbb;
border-width: 1px;
border-style: solid solid none solid;
height: auto;
margin-right: 0.5em;
padding: 0 1em;
text-decoration: none;
}
ul.primary li.active a {
background-color: #fff;
border: 1px solid #bbb;
border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
background-color: #eee;
border-color: #ccc;
border-bottom-color: #eee;
}
ul.secondary {
border-bottom: 1px solid #bbb;
padding: 0.5em 1em 0.5em 1em;
margin: 5px;
}
ul.secondary li {
display: inline;
padding: 0 1em;
border-right: 1px solid #ccc;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #999;
}
vg
--
sanduhrs - drupalcenter
--------------------------------
http://erdfisch.de
alles weg
am 09.11.2006 - 17:54 Uhr
Hallo Sanduhr,
danke für die Antwort. Irgendwie habe ich was falsch gemacht. Ich habe schon mein fieldset mit einer legend erstellt und dem fieldset auch 'collapsible' gegeben. Nun habe ich aber das Problem. Das es komplett weg ist, ganz nach display:none-Art.
Muss ich nochwas beachten?
Wäre schon toll, wenn die Legend noch da wäre. ;-)
---
Drupal v4.7.3 + Nachbesserungen