Anmelden | Registrieren | FAQ
Anonymous

Über Selektor ansprechbar?

+ Antwort erstellen

2 Beiträge Seite 1 von 1


Über Selektor ansprechbar?

von usm » Sa Feb 15, 2014 6:03 pm

Hallo,
ich würde gerne beim hover über der Zeile "Portfolio" in dem vertikalen Menü mit Submenü das darunter liegende div (id ="menu") in der Höhe verändern. Ist das über einen Selektor machbar? Wäre super, wenn mir jemand auf die Sprünge helfen könnte!
Hier das html:
Code: Alles auswählen
<body>
<div id="wrapper">
    <div id="menu"></div>
</div>
<div id="menupunkte">
        <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Portfolio</a>
           <ul class="submenu">
               <li><a href="#" style="font-size:12px;padding-bottom:0px;padding-top:0px;">Food</a></li>
                <li><a href="#" style="font-size:12px;padding-bottom:0px;">Drinks</a></li>
                <li><a href="#" style="font-size:12px;">Div. Verführer</a></li>
            </ul>
        </li>
        <li><a href="#">Studio</a></li>
        <li><a href="#">Über uns</a></li>
        <li><a href="#">Kontakt</a></li>
</ul>
</div>
</body>


Und hier das CSS:
Code: Alles auswählen
<style>
#wrapper {
  position: relative;
  width: 200px;
  min-height: 400px;
  margin-left:50px;
  color: #333;
}
#menu {
   background-color:#FFF;
   width:200px;
   height:350px;
   opacity: 0.7;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
   border-left:1px solid #CCC;
   border-bottom:1px #CCC solid;
   border-right:1px #CCC solid;
}
#menupunkte {
   color: #666;
padding-top:0px;
padding-left:60px;
padding-bottom:0px;
position:absolute;
top:190px;
left:50px;
   width:140px;
   height:170px;
   font-weight:400;
     font-size:16px;
}

a:link {color:#666; text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:hover {color: #C00;text-decoration:none;}
a:active {color:#666;text-decoration:none;}

    ul {
        list-style: none;
        width: 100px;
        position: relative;
        margin-bottom: 10px;
    }
    ul li {
        border: none;
        margin-bottom: -1px;
        background: none;
    }

    ul li a {
        display: block;
        color: #000;
        text-decoration: none;
        font-size: 16px;
        padding: 5px 2px;
    }
   
    ul li a:hover {
        color: #000;
    }

    ul li ul {
        display: none;
        margin-left: -1px;
        margin-top: -4em;
    }

    ul li:hover {
        background: none;
    }

    ul li:hover ul {
        display: block;
    }
   
   ul li ul.submenu {
        margin: 0;
      margin-left:20px;
    }
</style>


Vielen Dank schon mal vorab für eure Hilfe!

Gruß, Uwe
Benutzeravatar

usm

  • Beiträge: 1
  • Registriert: Sa Feb 15, 2014 5:37 pm

Re: Über Selektor ansprechbar?

von XainPro » Mo Feb 17, 2014 6:23 am

es ist möglich, aber Ihre Frage ist nicht klar,
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm


+ Antwort erstellen

Seite 1 von 1