Mike Moore
asked on
Urgent need help ASAP With CSS
Hi guys,
Having a nightmare trying to work out what is wrong with my code.
Basically I am trying to get the bottom border to align with the ul text, so it starts at the 1st li and ends on the download button.
Bare in mind I have put a pink background on temporeraly just to understand my positioning.
Here is what I have so far
here is an example of what I am trying to achieve, I want the border to start and end on the white vertical lines and I need to get rid of the sections where the red cross are.
Here is the code :
HTML
CSS
Any help is highly appreciated, Thanks.
Having a nightmare trying to work out what is wrong with my code.
Basically I am trying to get the bottom border to align with the ul text, so it starts at the 1st li and ends on the download button.
Bare in mind I have put a pink background on temporeraly just to understand my positioning.
Here is what I have so far
here is an example of what I am trying to achieve, I want the border to start and end on the white vertical lines and I need to get rid of the sections where the red cross are.
Here is the code :
HTML
<div id="mainnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Pricing</a></li>
<li class="download"><a href="#">Download</a></li>
</ul>
</div>
CSS
/* START MAIN NAV */
#mainnav {
width: 100%;
}
#mainnav ul {
float: right;
margin-top: 90px;
margin-right: 50px;
border-bottom: 1px solid white;
padding-bottom: 30px;
background-color: pink;
}
#mainnav ul li {
display: inline;
list-style-type: none;
font-weight: bold;
margin-left: 20px;
}
#mainnav ul li a {
color: white;
text-decoration: none;
}
#mainnav ul li a:hover{
color: #AF2621;
}
/* END MAIN NAV */
Any help is highly appreciated, Thanks.
ASKER
Unfortunately, Still no luck. But thanks for trying.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
that worked perfect, Thanks.
Welcome Mike !!
Open in new window
try 2
Open in new window