XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Link soll CSS Eigenschaft auslösen (http://xhtmlforum.de/showthread.php?t=51105)

mitdreissiger69 26.03.2008 14:53

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&uuml;llung</strong><br />

In separaten Food Bereichen in Ravensburg oder Wangen f&uuml;llen wir mit Halbautomaten und/oder manuell trockene und fl&uuml;ssige Lebensmittel in T&uuml;ten, Beutel, Folien, Bechern und Flaschen ab.<br />
  Ebenso erledigen wir f&uuml;r Sie die vor-und nachgelagerten T&auml;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;
}

Vielen Dank für Eure Hilfe


mitdreissiger


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:55 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020