nicht angemeldet
Text aufklappen lassen - Initialwerte
Gunnar BittersmannHallo zusammen!
Ich habe folgendes Problem: Ich hab einen ziemlich langen Text auf einer Webseite und möchte den gerne durch "klick" aufklappen lassen. Leider kann ich nur .css und kein .js verwenden. Folgenden Code-Schnipsel habe ich gefunden(gekürzt):
a {
color: #000000;}
a.test:focus,
a.test:active {
background-color: #99CCFF;}
a.test span {
display: none;}
a.test:focus span,
a.test:active span
{
display: block;
border: 0 none;
padding: 1em;
text-decoration: none;
background-color: #99CCFF;}
/*]]>*/
</style>
</head>
<body>
<div>
blablabla
<a class="test" href="#text1">aufklappen
<span>rest vom text</span></a>
</div>
</body>
</html>
Das Problem: Ich hätte gerne das eines der Felder schon beim aufrufen aufgeklappt wird. Leider habe ich dafür noch nichts gefunden und auch keine richtige Idee.
Vielen Dank für eure Hilfe!
MfG
Lars
-
@@Lars R.:
nuqneH
Das Problem: Ich hätte gerne das eines der Felder schon beim aufrufen aufgeklappt wird. Leider habe ich dafür noch nichts gefunden und auch keine richtige Idee.
Nicht 'a'-Elemente verwenden, sondern Radiobuttons (werden mit CSS versteckt) mit Labels. Angezeigt wird der Bereich nach
input:checked.Der Radiobuton für den vorausgewählten Bereich erhält das @checked-Attribut.
Qapla'
--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)-
@@Gunnar Bittersmann:
nuqneH
Angezeigt wird der Bereich nach
input:checked.Nee, andersrum: Ausgeblendet werden die Bereiche nach
input:not(:checked). Dann sind als Fallback für Browser, die das nicht verstehen, eben alle Bereiche eingeblendet.Qapla'
--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)-
@@Gunnar Bittersmann:
nuqneH
Angezeigt wird der Bereich nach
input:checked.Nee, andersrum: Ausgeblendet werden die Bereiche nach
input:not(:checked). Dann sind als Fallback für Browser, die das nicht verstehen, eben alle Bereiche eingeblendet.Qapla'
Vielen Dank für die schnelle Rückmeldung!
Ich werde mich mal daran versuchen :-)
Mit "Fallback"-Lösungen muss ich aber vorsichtig sein, es geht hier um die Webseite einer Behörde, das sollte schon immer einheitlich aussehen.-
@@Lars R.:
nuqneH
Mit "Fallback"-Lösungen muss ich aber vorsichtig sein, es geht hier um die Webseite einer Behörde, das sollte schon immer einheitlich aussehen.
Do websites need to look exactly the same in every browser?
Qapla'
--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)
-
-
-