2015-04-28, 16:05:45
Hello.
I fail to understand one thing with my website and the navigation plugin.
Its a opensource theme i have downloaded and i try to edit the navigation look that is build upon 2 pictures.
( i suppose because it needs to expand. )
The navigation plugin can load one of the picture but it fails to load the second picture.
I will try to explain with code. ( i dont have a online website right now )
So my CSS is as follow.
As you can see in the CSS i have under div#topmenu li a{ a picture and this one is loaded.
But there is also a picture under div#topmenu li a span{ this one is not loaded, see picture i attached, the span picture are supposed to span over the text.
Here is my template for the menu.
What i fail to understand is where do i add <span> to the i18n_navigation
Many thanx for your help and im sorry to ask basic questions, im under a learning process.
/Dimi
I fail to understand one thing with my website and the navigation plugin.
Its a opensource theme i have downloaded and i try to edit the navigation look that is build upon 2 pictures.
( i suppose because it needs to expand. )
The navigation plugin can load one of the picture but it fails to load the second picture.
I will try to explain with code. ( i dont have a online website right now )
So my CSS is as follow.
Code:
/* topmenu */
div#topmenu{
position:absolute;
top:46px;
right:0px;
height:27px;
}
div#topmenu ul{
padding:0px;
margin:0px;
list-style:none;
float:left;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}
div#topmenu li{
float:left;
display:block;
margin:0 0 0 6px;
}
div#topmenu li a{
float:left;
display:block;
position:relative;
background:transparent url(../images/menu-r.png) 100% 0 no-repeat;
height:27px;
padding:0 5px 0 0;
overflow:hidden;
color:#202020;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
font-weight:bold;
line-height:27px;
}
div#topmenu li a span{
display:block;
background:url(../images/menu-l.png) 0 0 no-repeat;
padding:0 10px 0 15px;
}
div#topmenu li a.current, div#topmenu li a:hover{
background:url(../images/menu-r.png) 100% -28px no-repeat;
text-decoration:none;
}
div#topmenu li a.current span, div#topmenu li a:hover span{
background:url(../images/menu-l.png) 0 -28px no-repeat;
}
As you can see in the CSS i have under div#topmenu li a{ a picture and this one is loaded.
But there is also a picture under div#topmenu li a span{ this one is not loaded, see picture i attached, the span picture are supposed to span over the text.
Here is my template for the menu.
PHP Code:
<!-- topmenu -->
<div id="topmenu">
<ul>
<!--<a href=""><span>Services</span></a>--> // This one works because the <span> is included
<?php get_i18n_navigation(return_page_slug()); ?>
</ul>
</div>
<!-- / topmenu -->
What i fail to understand is where do i add <span> to the i18n_navigation
Many thanx for your help and im sorry to ask basic questions, im under a learning process.
/Dimi