Home › Forums › CSS › Tab Button Hiding under another element? Help! :) › Re: Tab Button Hiding under another element? Help! :)
June 5, 2012 at 9:28 pm
#103939
CrystalT
Member
Okay here’s the whole index.css:
* {
margin: 0;
padding: 0;
list-style-type:none;
}
ul.list1 {
list-style-type: none;
background-image: url(WhiteGradient.png);
height: 35px;
width: 770px;
margin: auto;
top:190px;
position:absolute;
left:60px;
}
li.list1 {
float: left;
left:15px;
}
ul.list1 a {
list-style-type:none;
background-image: url(GreyDivider.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 42px;
padding-left: 42px;
display: block;
line-height: 45px;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21px;
color: #000;
}
ul.list1 a:hover {
color: #838383;
list-style-type:none;
}
ul.list2 {
list-style-image:url('BlueVector.png');
color: #ff0000;
position:absolute;
left:225px;
font-size: 26px;
}
.navside{
border: 1px solid black;
background: white;
background-image:none;
width:200px;
height:automatic;
min-height:300px;
padding:15;
top:35px;
position:absolute;
}
a.button {
display: block;
width: 135px;
height: 43px;
background: url(button.png) no-repeat top;
position:absolute;
z-index:1;
}
a.button:active {
background: url(button.png) no-repeat bottom;
position:absolute;
z-index:1;
}
.content{
border: 1px solid black;
background: white;
width:500px;
height:automatic;
padding:15;
top:35px;
position:absolute;
left:239px;
min-height:300px;
}
body
{
background:black;
background-image:url('VE_large.png');
background-repeat:no-repeat;
background-attachment:scroll;
background-position:300px 10px;
left:300px;
top:10px;
position:absolute;
}
p
{
text-indent:50px;
}
I have a feeling it links back to the horizontal UL as that has caused issues with almost everything else I’ve added after the fact though I don’t know enough yet to be able to ferret it out for myself. :/ Otherwise there might be an issue (maybe?) in the HTML?