zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Accordion öffnen mit mausklick

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.08.2011, 01:42
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard CSS Accordion öffnen mit mausklick

hi leute,
es geht um folgendes accordion:
Google-Ergebnis für http://netdna.webdesignerdepot.com/uploads/css_techniques/accordion.jpg

es ist das: "CSS3 Vertical Accordion" DEMO/DOWNLOAD möglich...
das ding gefällt mir, aber mich stört das es sich immer von selbst öffnet.
kann ich das so einstellen das es sich bei einem mausklick öffnet?
danke im voraus!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.08.2011, 11:36
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

das kann man über :target lösen (Tutorial hier).

gruß,
take
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.08.2011, 15:41
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard

ich hab target so eingefügt, leider öffnet das immer noch bei mouse over...

.verticalaccordion:target p {
overflow: auto;
}

.verticalaccordion>ul>li>div {
margin:0;
overflow: auto;
padding:10px;
height:220px;
}

.verticalaccordion>ul>li:hover {
height: 280px;
}

.verticalaccordion:hover>ul>li:hover>h3 {
/* Decorative CSS */
color:#fff;
background: #000000;

/* CSS3 Gradient Effect */
background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */
background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */
filter: progidXImageTransform.Microsoft.gradient(startCo lorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
-ms-filter: "progidXImageTransform.Microsoft.gradient(startC olorstr=#ff454545, endColorstr=#ff000000)"; /* IE 8 */
}

.verticalaccordion>ul>li>h3:hover {
cursorointer;
}
Mit Zitat antworten
  #4 (permalink)  
Alt 15.08.2011, 21:27
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

bitte poste einen kompletten Testcase (inkl. HTML!) und nutze dafür die [CODE] bzw. [HTML]-Tags des Editors. Besser wäre natürlich noch ein hochgeladenes Online-Beispiel (Freehoster gibts genug).

gruß,
take
Mit Zitat antworten
  #5 (permalink)  
Alt 16.08.2011, 01:34
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.03.2011
Beiträge: 206
gandalf_hh befindet sich auf einem aufstrebenden Ast
Standard

ich habe bereits ein link gepostet wo der accordion zu finden ist und auch beschrieben wie ihr den runterladen könnt im ersten text
Mit Zitat antworten
  #6 (permalink)  
Alt 16.08.2011, 07:59
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gandalf_hh Beitrag anzeigen
ich habe bereits ein link gepostet wo der accordion zu finden ist und auch beschrieben wie ihr den runterladen könnt im ersten text
warum sollte sich einer die Mühe machen das runterzuladen und zusammenzufrimeln?? Wer hat die Zeit dazu??

Du bist doch schon lange genug hier um zu wissen, das ein Link zum Problem am besten ist.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #7 (permalink)  
Alt 16.08.2011, 10:37
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.039
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Das Originalbeispiel ( gestern mal reingeschaut) verwendet :hover (drüberfahren) als trigger.
Wenn Du das nicht willst, musst du was anderes probieren, z.B. :active und/oder :focus.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verschachteln und Erweitern von CSS? DerJo CSS 4 25.01.2010 18:07
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 02:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 08:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 11:39
Öffnen im eigenen Fenster - Breite unf Höhe mit CSS ? Anonymous CSS 2 25.06.2003 13:17


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:57 Uhr.