gd0g
11-09-2010, 07:36 AM
I obtained this code from Dynamic Drive some time ago and I am trying to centre align the navigation menu rather than have it align to the left.
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 5px 7px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px Trebuchet MS;
width: 100%;
background: black url(blockdefault.gif) center center repeat-x;
list-style: none;
I would appreciate any assistance to update this code to achieve this.
Thanks in advance.
Gavin
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 5px 7px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px Trebuchet MS;
width: 100%;
background: black url(blockdefault.gif) center center repeat-x;
list-style: none;
I would appreciate any assistance to update this code to achieve this.
Thanks in advance.
Gavin