CSS:
- Code: Select all
/* CSS Document */
body {
text-align:center;
background:#000000;
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
}
#container{
width: 760px;
border: solid white 0px;
position: relative;
}
#logo{
width: 760px;
height: 37px;
border-bottom:2px solid #FFFFFF;
float: none;
}
#nav{
width: 760px;
height: 37px;
border: solid red 0px;
}
#homeimages{
width: 760px;
height: 97px;
}
h1{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}
#bodyright{
width:230px;
float:right;
background-color:#000000;
padding-top: 10px;
margin-top: 10px;
text-align:left;
padding-left: 30px;
}
#bodymiddle{
width:470px;
float:right;
background-color:#000000;
text-align:left;
padding-top: 10px;
margin-top: 10px;
}
#bodyleft{
width: 60px;
float:left;
background-color:#000000;
padding-top: 10px;
}
p{
font-size: 12px;
color:#FFFFFF;
}
p span{
font-size: 12px;
color:#9D9264;
}
ul{
}
#listone{
display:block;
font-size: 11px;
color:#FFFFFF;
padding-right:25px;
}
#topnav{
font-size: 11px;
color:#FFFFFF;
}
#bottomlinks{
width: 732px;
float:right;
border-top:2px solid white;
}
.goldlinks{
font-size:10px;
color:#9D9264;
text-align:left;
}
a.goldlinks{
font-size:10px;
color:#9D9264;
text-decoration:none;
}
a.goldlinks:hover{
font-size:10px;
color:#9D9264;
text-decoration:underline;
}
.artistlinks{
font-size:10px;
color:#FFFFFF;
padding-top: 8px;
text-align:left;
}
a.artistlinks{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}
a.artistlinks:hover{
font-size:10px;
color:#FFFFFF;
text-decoration:underline;
}
#topnavright{
width: 160px;
height: 30px;
float:right;
padding-top: 20px;
color:#FFFF00;
}
#topnavmiddle{
width: 422px;
height: 30px;
float:right;
padding-top: 20px;
text-align:left;
color:#9D9264
}
.topnavmiddle{
font-size:12px;
color:#9D9264;
padding-top: 8px;
text-align:left;
}
a.topnavmiddle{
font-size:12px;
color:#9D9264;
text-decoration:none;
}
a.topnavmiddle:hover{
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}
#topnavleft{
width: 170px;
height: 30px;
color:#FF99FF;
text-align:left;
padding-left: 1px;
padding-top: 15px;
float:left;
}
#navlist li
{
display: inline;
list-style-type: none;
font-size: 12px;
color:#9D9264;
text-align:left;
font-weight:bold;
}
a.navlist{
list-style-type: none;
font-size: 12px;
color:#9D9264;
text-decoration:none;
}
a.navlist:hover{
font-size: 12px;
color:#9D9264;
text-decoration:underline;
}
#navlistcheckout li
{
display: inline;
list-style-type: none;
font-size: 12px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
}
a.navlistcheckout{
list-style-type: none;
font-size: 12px;
color:#FFFFFF;
text-decoration:none;
}
a.navlistcheckout:hover{
font-size: 12px;
color:#FFFFFF;
text-decoration:underline;
}
As far as using the non-breaking back space ( ) after each anchor, why not just add padding-right:8px; to the class which is an attribute on the anchor elements?