|
|||
Link soll CSS Eigenschaft auslösen
ich habe eine Seite in der die Übersicht aller Werkstätten aufgeführt sind.
Die einzelnen Arbeitsbereiche sind klickbar. Sie führen mit einem Anker zu der nächsten Werkstattseite. Dort habe ich mit css und this.hideFocus=true die einzelnen Arbeitsfelder sichtbar und unsichtbar gemacht. Jetzt möchte ich, das ich von der Überischtsseite mit einem Klick zur Werkstattseite komme und natürlich soll der Arbeitsbereich auch gleich sichtbar (aufgeklappt werden). Ich such schon nen ganzen Tag nach dieser Möglichkeit. Hier der Link zur Übersichtsseite: Willkommen auf der Seite des Werkstättenverbundes Oberschwaben-Bruderhaus Diakonie Die rote punkte sind die Anker-links Code:
<a href="wbo_bruder.html#flasche" target="_self" ><img src="gif/punkt.gif" width="20" height="20" border="0" /></a> Code:
<a class="hid" href="#more" onclick="this.hideFocus=true" onblur="this.hideFocus=false"><span> <img src="gif/flaschen.gif" width="70" height="61" /></span> <em><br /> <img src="gif/flaschen.gif" width="40" height="27" border="0" /> <ul> <li><strong>Lebensmittelabfüllung</strong><br /> In separaten Food Bereichen in Ravensburg oder Wangen füllen wir mit Halbautomaten und/oder manuell trockene und flüssige Lebensmittel in Tüten, Beutel, Folien, Bechern und Flaschen ab.<br /> Ebenso erledigen wir für Sie die vor-und nachgelagerten Tätigkeiten wie mischen, etikettieren und kommissionieren.</li> </ul><a name="flasche" id="flasche"></a> </em></a></p> Code:
.holder { width:570px; font-size: 1em; background-color: #E6D7BE; padding: 2px; border: 1px solid #94212D; } .holder h2 { text-align:left; font-size: 1.0em; color: #94212D; font-weight: bold; } .holder img, a img { border: 1 solid #94212D; font-size: 1em; font-weight: normal; } a.hid ul li { list-style-position: outside; list-style-type: none; padding-left: 50px; font-size: 1em; font-weight: normal; } a.hid em {display:none;} a.hid:hover { text-decoration:none; color: #94212D; } a.hid:active, a.hid:focus { } a.hid:active span, a.hid:focus span { display:none; color: #94212D; } a.hid:active em, a.hid:focus em { display:block; width:100%; font-style:normal; cursor:default; font-family: Arial, Helvetica, sans-serif; font-size: 1em; background-color: #E6D7BE; } mitdreissiger |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 12:25 |
CSS Validator WC3 Fehlermeldung: Broder-Radius | stephsteph | CSS | 2 | 17.05.2010 21:36 |
CSS und IE - Link als Block macht Probleme | Morjo | CSS | 4 | 25.06.2008 13:28 |
Ständig wechselnde Bilder, Werbung | Vybsi | (X)HTML | 17 | 24.01.2008 23:00 |
Hintergrundbild mit CSS und Link??? | Gifmik | CSS | 2 | 06.02.2006 13:27 |