Joomla Templates Club 406,261 posts

[eastline Friend eastlineJoin date: August 2008Posts: 13Downloads:0Uploads:5 Thanks: 2]

#141496

Hi guys,

I’m trying to add an <hr> to separate the menu’s links. The <hr> css code is the following:

background: url(../images/hdot1.gif) repeat-x bottom;

And this is the css code of the menu:

div.moduletable ul,
div.moduletable_text ul,
div.moduletable_menu ul,
div.moduletable_hilite ul {
margin: 0;
padding: 0;
}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li ul li {
background: url(../images/menu-arrow.gif) no-repeat 5px 8px;
margin: 0;
padding-left: 16px;
}
div.moduletable li ul li,
div.moduletable_text li ul li,
div.moduletable_menu li ul li,
div.moduletable_hilite li ul li {
background: url(../images/menu-arrow-small.gif) no-repeat 5px 8px;
margin: 0;
padding-left: 16px;
}
div.moduletable li ul li ul li,
div.moduletable_text li ul li ul li,
div.moduletable_menu li ul li ul li,
div.moduletable_hilite li ul li ul li {
background: url(../images/menu-box.gif) no-repeat 5px 8px;
margin: 0;
padding-left: 16px;
}


ul.menu {
list-style: none;
margin: 0;
padding-left: 15px;
}
ul.menu li {
margin: 0;
}

ul.menu li a {
display: block;
outline: none;
padding: 5px 2px;
color: #695B4E;
text-decoration: none;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
color: #695B4E;
background: #E7E6DF;
}

ul.menu li.active a {
background: #E7E6DF;
font-weight: bold;
}

ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.menu li li {
border: none;
}

ul.menu li li a {
background: no-repeat 10px 11px !important;
border: none;
font-weight: normal !important;
width: 75%; /*need for ie6*/
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
background: none;
color: #FA6900;
}

Can anyone please help me out on this on? Thanks!

NOTE: Please check the attachments to see how my current menu is looking and how I want it to be.

---

Attachments:

1. 
2. 

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#306017

pls send Your Live site

ul.menu li li hr{
background: url(../images/hdot1.gif) repeat-x bottom;
}


and / OR
ul.menu li hr {
background: url(../images/hdot1.gif) repeat-x bottom;
}

and / OR

ul.menu li ul hr{
background: url(../images/hdot1.gif) repeat-x bottom;
}


1 user says Thank You to nguyenhuu quang for this useful post

1. ecoxport

[eastline Friend eastlineJoin date: August 2008Posts: 13Downloads:0Uploads:5 Thanks: 2]

#306020

This is the live site: http://bocti.seomena.com and I don’t really know what to do with the code you gave me.

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#306026

it is none_joomlart template.

1 user says Thank You to nguyenhuu quang for this useful post

1. ecoxport

[Author]

Posts