kostenloser Webspace werbefrei: lima-city

CSS: Pseudo-Klassen auswirkung

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   ole-reglitzki

   

   ole-reglitzki hat kostenlosen Webspace.

   13:29, 22.1.2011

   Hallo,
   ich wollte folgendes wissen:
   (wie) kann man in CSS einer Klasse eine Eigenschaft zuordnen, solange eine Pseudo-Klasse eines anderen Elements aktiv ist.
   
   Also an einem Beispiel:
   

   CSS:
   #nummer1{
     width: 10px;
   }
   #nummer2:hover{
     HIER SOLL DIE BREITE VON #nummer1 AUF 20px GESETZT WERDEN
   }

   
   
   Google hat mir da nicht weitergeholfen :(
   
   Danke, Ole

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. metalmachine

   

   metalmachine hat kostenlosen Webspace.

   15:09, 22.1.2011

   Mittels CSS alleine ist das nicht möglich, dafür musst du JavaScript zu Hilfe nehmen. Siehe dazu die Event-Handler onmouseover und onmouseout, sowie das Objekt style.
4. Autor dieses Themas

   ole-reglitzki

   

   ole-reglitzki hat kostenlosen Webspace.

   15:16, 22.1.2011

   Mit JScript könnte man es auf jeden Fall machen, da brauche ich keine Hilfe, aber ich meine, so etwas in der Art schon einmal in css gesehen zu haben...
   Würde JScript nur ungern benutzen.
   
   lg Ole

5. syberpsace

   

   syberpsace hat kostenlosen Webspace.

   15:22, 22.1.2011

   Angenommen du hast folgenden HTML-Code
   
   

   <div class="outer">
       text 
       <div class="inner">
           mehr text
       </div>
   </div>

   
   
   und folgende CSS-Datei
   

   div.inner{display:none;}
   div.outer:hover .inner {display:block}

   
   
   dann bedeutet das, dass das inner-div nur dann angezeigt wird, wenn :hover des outer-divs aktiv ist. Das ganze ist natürlich auf alle Pseudoklassen bzw Tags anwendbar.
   
   mfg
6. Autor dieses Themas

   ole-reglitzki

   

   ole-reglitzki hat kostenlosen Webspace.

   16:01, 22.1.2011

   Danke, das geht allerdings nur (nach meinen Versuchen) mit einem untergeordneten Div, gäbe es dann noch eine möglichkeit, um das gleich bei
   

   <div class="outer">
       text 
   </div>
   <div class="inner">
       mehr text
   </div>

   
   zu bewirken?
   
   Beitrag zuletzt geändert: 22.1.2011 16:01:55 von ole-reglitzki

7. t*****b

   16:18, 22.1.2011

   <div class="wrapper">
    <div class="outer">
       text 
    </div>
    <div class="inner">
        mehr text
    </div>
   </div>

   
   
   

   .wrapper .inner{display:none;}
   .wrapper:hover .inner {display:block}

8. Autor dieses Themas

   ole-reglitzki

   

   ole-reglitzki hat kostenlosen Webspace.

   16:59, 22.1.2011

   dann müsste ich das div inner absolut positionieren, da es ja nicht passieren soll, wenn die Maus über inner ist, wodurch ich wieder viel weniger Handlungsfreiheit habe...
   In meinem Fall würde es ausreichen, aber der Interesse wegen würde ich gerne noch wissen, ob es anders möglich ist.

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?