I know this might be a little off subject for these forums but I have a CSS question that maybe someone can give me a hand with... Although its for Wordpress the same CSS styles apply...
Here is my testing link: http://184.172.173.28/~slogic/newamericapower.com/
Now notice my menu... the last link is "Contacts" There is a Dashed line at the very end. I am trying to remove that line but I cant seem to do so. also the dashed line is appearing on the dropdown menu as well.
Can someone please give me a hand?
My CSS:
Code:#navigation {
float:left;
width:100%;
background: #4c4c4c;
font: bold 14px/.5 Arial, sans-serif;
border-top:1px solid #FFFFFF;
border-bottom:5px solid #FFFFFF;
}
#navigation a{
border-right-width: 1px;
border-right-style: dashed;
border-right-color: #f1f1f1;
}
/* Menu Bar List */
ul.dropdown {
list-style:none;
float:left;
width:100%;
padding: 0 0px;
}
ul.dropdown li{
float: left;
position: relative;
}
ul.dropdown a {
color: #FFFFFF;
text-decoration: none;
text-shadow: 1px 1px 0 #000000;
padding-top: 13px;
padding-right: 22px;
padding-bottom: 13px;
padding-left: 22px;
}
/* Link Hovering Style */
ul.dropdown li:hover a {
color: #FFFFFF;
text-shadow: 1px 1px 0 #000000;
background-color: #666;
}
/* Displays Links as Blocks */
ul.dropdown li ul a {
display: block;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #FFF;
}
/* The Sub Menus */
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
width: 200px; /* Width of the Drop Down Box */
position: absolute;
}
ul.dropdown li ul {
top:24px; /* Drop the Drop Down Box 24px */
}
ul.dropdown ul ul {
top:0;
left:100%;
}
ul.dropdown ul li {
float:none; /* Eliminate the Float */
}
/* Drop Down Menu */
/* Hide the Drop Downs */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
/* Display Submenus */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}
/* Change Color of Links on Hover */
ul.dropdown li * a:hover {
background: #FC6800;
color: #FFFFFF;
text-shadow:1px 1px 0 #000000;
}
