Hilfe bei CSS...
Eingetragen von fraweg (230)am 08.03.2012 - 18:37 Uhr in
Hallo zusammen,
ich versuche gerade dem Views Accordion den Rahmen abzugewöhnen. Leider bleibt immer was da (siehe Bild). Kann mir da jemand weiter helfen?
Hier die Änderungen im CSS:
/*
* Bartik floats taxonomy terms.
* In the header, with field grouping the float must be cleared.
*/
.ui-accordion h3.ui-accordion-header { overflow:hidden; }
/*
* Fix issues with anchor tags for rdf in field items within the headers
*/
*
.ui-accordion .ui-accordion-header .field-items a { padding: 0 0.5em 1em 1.9em; }
.ui-accordion .ui-accordion-header a {
font-size: 1em;
color: #363636;
background: #F5F5F5;
border:hidden;
}
.ui-accordion .ui-accordion-content {
background: #F5F5F5;
}
.ui-accordion .ui-accordion-content-active {
background: #F5F5F5;
}Vielen Dank für jede Hilfe!
Frank
| Anhang | Größe |
|---|---|
| Bildschirmfoto-1.png | 2.75 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
border: none;
am 08.03.2012 - 19:38 Uhr
oder border: 0; mal versuchen. Ggf. mit "!important" Druck machen.
Am besten mit Firebug mal ausprobieren.
PS:
Bilder kann man jetzt auch direkt anzeigen lassen ;-)
Hi Frank.. danke für die
am 08.03.2012 - 21:03 Uhr
Hi Frank.. danke für die schnelle Antwort!
Ich werde es morgen gleich mal ausprobieren...
Viele Grüße,
Frank
evtl. gar kein Rand (border)
am 08.03.2012 - 23:11 Uhr
sondern ein Hintergrundbild (background-image). Auch das solltest du mit Firebug rauskriegen.
Hallo Frank, DANKE nochmals
am 09.03.2012 - 12:34 Uhr
Hallo Frank,
DANKE nochmals für deine Hinweise. Ich bin nun fündig geworden. Der Übeltäter lag garnicht wie ich vermutet habe in der jquery.ui.accordion.css sondern in der jquery.ui.theme.css.
Unter anderem dieser Eintrag (aber es müssen noch mehr versteckt sein alle Striche sind noch nicht weg;-):
.ui-widget-content {
Aber wenn ich das ändere, ändere ich das ja sicher für alle Jquery-Anwendungen. Wie bekommt man die Änderung nur für das Accordion hin? Da noch eine Idee?
Vielen Dank nochmals
Frank
CSS-Kontext präziser
am 09.03.2012 - 16:39 Uhr
Aber wenn ich das ändere, ändere ich das ja sicher für alle Jquery-Anwendungen. Wie bekommt man die Änderung nur für das Accordion hin?
Dazu musst du den Kontext für das CSS präziser angeben, am besten, indem du weiter oben in der HTML-Elemente-Hierarchie nach einer passenden Klasse schaust (> Firebug), z.B. ".accordion .ui-widget-content {...}.
Drupal packt auch ziemlich viele Infos in den body-Tag jeder Seite.
Danke für die Info. Ich werde
am 09.03.2012 - 16:53 Uhr
Danke für die Info. Ich werde mir das nochmal ansehen...
Viele Grüße,
Frank