Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.10.2012 um 15:10 (UTC)    
Titel: Slideshow-Bilder verdecken Menüunterthemen

Hallo,

hier meine Problembeschreibung:
Wenn man in der Navi meiner Homepage "About Pink-Camel" anklickt, klappt das
Menü aus und es werden 5 weitere Menüunterthemen angezeigt. Das letzte ist dort "Imprint". Doch wenn ich noch ein weiteres Unterthema hinzufügenmöchte (ich habe es mal "Test" genannt), dann verschwindet dies hinter der "Slideshow" auf der Startseite. "Test" ist nur dann zu sehen, wenn die Bilder der Slideshow wechseln.

Was ist zu tun, damit der Unterpunkt "Test" nicht von den Slideshowbildern verdeckt wird, ohne, dass ich die Position der Slideshow-Bilder ändern muss?


Vielen Dank im Voraus

Michael


Zuletzt bearbeitet von pink-camel am 21.10.2012, 16:29, insgesamt einmal bearbeitet
Beitrag21.10.2012 um 16:21 (UTC)    
Titel:

z-index von dem drop-down menü muss höher sein als die von der slide show Wink
______________
Born to be a N3rd


Zuletzt bearbeitet von aka-design am 21.10.2012, 17:23, insgesamt einmal bearbeitet
Beitrag21.10.2012 um 16:51 (UTC)    
Titel:

aka-design hat Folgendes geschrieben:
z-index von dem drop-down menü muss höher sein als die von der slide show Wink


Danke für Deine raschen Antwort, doch leider kann ich damit absolut nichts anfangen, denn der mir bei meiner Webseite geholfen hat, steht nicht mehr zur Verfügung.
Beitrag21.10.2012 um 16:59 (UTC)    
Titel:

versuche mal bei diesem teil:

#liste li:hover ul li a {display:block; background: #ddd; color:#000; font-size: 11px; text-align: left; padding-left: 7px; width: 142px; border-bottom: 1px solid #c7c7c7; z-index: 99999;}

das script könnte ein bisschen mehr struktur vertragen Mr. Green
______________
Born to be a N3rd
Beitrag21.10.2012 um 17:07 (UTC)    
Titel:

aka-design hat Folgendes geschrieben:
versuche mal bei diesem teil:

#liste li:hover ul li a {display:block; background: #ddd; color:#000; font-size: 11px; text-align: left; padding-left: 7px; width: 142px; border-bottom: 1px solid #c7c7c7; z-index: 99999;}

das script könnte ein bisschen mehr struktur vertragen Mr. Green


Hab ich gemacht, funktioniert aber trotzdem nicht.

P.S. Kannst ja gerne Struktur hineinbringen.
Beitrag21.10.2012 um 17:45 (UTC)    
Titel:

ups, war schon richtig nur falsche stelle!

so müsste es gehen:
#liste{position:absolute;left:0; top:0; z-index: 99999;}

EDIT:

hatte ja sonst nichts zu tun^^

Code:

<style type="text/css">
<!--
         
/*---GLOBAL---*/
         
*{
   padding: 0px;
   margin: 0px;
}

#extradiv1, #extradiv2, #extradiv3, #extradiv4, #extradiv5, #extradiv6, #pre_header, div.header, #post_header, #pre_content, #counter, #post_content, #title {
   display:none;
}

html, body{
   width:100%;
   min-width:1200px;
   min-height:100%;
   color:#ffffff;
   font-family: Verdana;
   font-size:12px;
   text-align:justify;
}

table {
   margin:auto!important;
}

body{
   background-color: #EEEEEE;
    background-image: url("http://img.webme.com/pic/p/pink-camel/tiled_backround4.jpg");
}

a{
   color:#ffffff;
   text-decoration:none;
}

img{
   border:none;
}

#container {
   width:1200px;
   margin:10px auto;
   overflow:hidden;
}

#header_container{
   background-image: url("http://img.webme.com/pic/p/pink-camel/header_1200.png");
   height: 129px;
   width: 1200px;
}

/*---NAVIGATION---*/

#nav_container {
   width: 100%;
   height:40px;
   position:relative;
   margin:10px 0;
}

#liste{
   position:absolute;
   left:0;
   top:0;
   z-index: 99999;
}

#nav_container ul li a {
   display:block;
   text-decoration:none;
   color:#000000;
   width: 149px;
   height:40px;
   text-align:center;
   color:#ffffff;
   line-height:24px;
   font-size:12px;
   overflow:hidden;
}

#liste > li > a{
   height:24px!important;
   margin-top:8px;
}

#liste > li:not(:first-of-type) > a{
   border-left:1px inset black;
}

#liste > li:first-of-type{
   width:149px;
}
#liste > li:first-of-type > a{
   height:40px!important;
   line-height:40px!important;
   margin-top:0!important;
}

#nav_container ul {
   padding:0;
   margin:0;
   list-style: none;
}

#nav_container ul li {
   float:left;
   position:relative;
   height:40px;
   background-image: url(http://img.webme.com/pic/p/pink-camel/leiste_pink.png);
}

#liste ul {
   display: none;
}

#liste li:hover a{
   color:#fff;
   background-image: url(http://img.webme.com/pic/p/pink-camel/leiste_anthrazit.png);
   margin-top:0;
   height:40px!important;
   line-height:40px;
}

#liste li:hover ul {
   display:block;
   width:108px;
}

#liste li:hover ul li a.hide {
   color:#fff;
}

#liste li:hover ul li:hover a.hide {
   color:#000;
}

#liste li:hover ul li ul {
   display: none;
}

#liste li:hover ul li a {
   display:block;
   background: #ddd;
   color:#000;
   font-size: 11px;
   text-align: left;
   padding-left: 7px;
   width: 142px;
   border-bottom: 1px solid #c7c7c7;
}

#liste li:hover ul li a:hover {
   background-image:url(http://img.webme.com/pic/p/pink-camel/leiste_blau.png); 
   color:#fff;
}

#liste li:hover ul li:hover ul {
   display:block;
   position:absolute;
   left:105px;
   top:0;
}

/*---CONTENT---*/

#content_container{
   width:100%;
   background-image: url("http://img.webme.com/pic/p/pink-camel/content.png");
    border: 0 solid #570657;
    overflow: hidden;
}

#content{
   width:928px;
   overflow:hidden;
   float:left;
   padding:25px;
}

#sidebar_container{
   width:172px;
   overflow:hidden;
   padding:25px;
   color:#333333;
}

div.box h2 {
   font-size:12px;
   font-weight:normal;
}

div.box  a {
   color:#172ae8;
}

#below_content{
   height: 40px;
   margin: 10px 0;
   position: relative;
   width: 100%;
   background-image: url(http://img.webme.com/pic/p/pink-camel/leiste_pink.png);
   padding:0 60px;
}

#below_content > div{
   float:left;
   overflow:hidden;
   line-height:10px;
   font-size:10px;
   font-weight:bold;
   padding:15px 0;
}

/*---FOOTER---*/

#footerleft{
   margin-right: 1%;
   padding:0!important;
}

#footercopy{
   width:74%;
   text-align:center;
}


#footerright{
   margin-right:1%;
}

#footerright > a{
   margin-right:20px;
}

div.box{
   border-bottom: 1px solid #5E115E;
   margin-bottom: 23px;
   padding-bottom: 23px;
}

div.box:last-of-type{
   border-bottom: none;
}

#editorial_nav{
   list-style-type:none;
   width:680px;
   overflow:hidden;
   margin:100px auto;
}

#editorial_nav li{
   width:80px;
   height:20px;
   margin-right:5px;
   float:left;
}

#editorial_nav > li > a > img{
   width:80px;height:20px;
}

/*---WASAUCHIMMERDASSEINSOLL---*/

#o4nlinklist ul{
   list-style-type:none;
}

#o4naccordion > div{
   padding:5px 10px 5px;
   overflow:hidden;
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    background: #cccccc;
   -webkit-transition: all 2s;
   -moz-transition: all 2s;
   -o-transition: all 2s;
   -khtml-transition: all 2s;
   -ms-transition: all 2s;
   transition: all 2s;
    background: -moz-linear-gradient( top, #999999, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";   /* IE 8 */
}

#o4naccordion > div:hover,#o4naccordion > div.accordion_active{
   color:#fff;
   background: #000000;
   background: -moz-linear-gradient( top, #570657, #000000); /* FF, Flock */
   background: -webkit-gradient(linear, left top, left bottom, from(#570657), to(#000000)); /* Safari, Chrome */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#570657, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff570657, endColorstr=#ff000000)"; /* IE 8 */
}

#o4naccordion > p{
   background-color:white;
   border:1px solid f0f0f0;
   padding:10px;
}         
//-->
</style>

______________
Born to be a N3rd


Zuletzt bearbeitet von aka-design am 21.10.2012, 19:10, insgesamt einmal bearbeitet
Beitrag21.10.2012 um 20:20 (UTC)    
Titel:

Mensch, vielen Dank für Deine Mühen und die Zeit, die Du aufgebracht hast.

Nochmals Danke!!!!!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de