Just nu i M3-nätverket
Jump to content

Bakgrundssproblem (Meny)


ptjernstrom

Recommended Posts

ptjernstrom

Hallå där!

Sitter och gör en hemsida åt en vän, har dock ett problem. Hittade en "slide meny" som jag letat efter länge. Det är den som vi ser på bilden. Problemet är bara att jag vill inte ha någon bakgrund på menyn då jag vill använda hemsidans bakgrund. Lägger jag in bakgrund på menyn så blir det en ruta runt själva menyn och ni förstår säkert att det är väldigt fult.

 

På bilden kan vi se att jag inte använder någon bakgrund på menyn, men det som är problemet är att dessa pilar ploppar upp överallt. Jag har försökt och försökt men har inte kommit till lösningen.

 

Hoppas ni förstår mitt problem.

 

menyproblem.png

 

Uploaded with ImageShack.us

 

 

Scriptet:

	//slides the element with class "menu_body" when mouse is over the paragraph
$("#secondpane p.menu_head").mouseover(function()
   {
		$(this).css({backgroundImage:"url(/down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().css({backgroundImage:"url(/left.png)"});
});

 

 

Css:

<style type="text/css">
body {
color:#ffffff;
margin: 10px auto;
font-family: verdana, Arial, Helvetica, sans-serif;
}
.menu_list {	
width: 116px;
       background:none;
}
.menu_head {
       font-size:13px;
       text-transform:uppercase;
padding: 5px 20px;
cursor: pointer;
position: relative;
margin:0px;
   font-weight:bold;
   background: transparent url(/left.png) center right no-repeat;
}
.menu_body {
display:none;
       background:transparent;
}
.menu_body a{
 font-size:11px;
 display:block;
 color:#FFFFFF;
 background: #000000 url(http://designyou.se/michaela/wp-content/themes/michaela/images/menybg.jpg) left repeat-y;
 padding-left:0px;
 font-weight:normal;
 text-decoration:none;
 font-style:italic;
}
.menu_body a:hover{
 color: #ffffff;
 text-decoration:underline;
 }

</style>

 

Ställ gärna frågor om ni inte förstår mig,

Tacksam för svar.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...