0
Here is my result:
As you can see, the circled part is the down image for my navigation bar. It should come below the text from the navigation. The code I used for this part is:
- HTML -
<div id="boxlinks"> <div id="boxlinks_up"><img src="images/website3v1_14.gif"></div> <div id="boxlinks_mid"> <div id="boxlinks_mid_tekst"> :: <a href="#">Link goes here</a><br /> ... and so on ... :: <a href="#">Link goes here</a><br /> </div></div> <div id="boxlinks_down"><img src="images/website3v1_23.gif"></div> </div>
- CSS file -
#boxlinks {
position: absolute;
float: left;
left: 0px;
top: 183px;
}
#boxlinks_up {
position: relative;
left: 0px;
float: left;
width:239px;
height:44px;
}
#boxlinks_mid_tekst {
position: relative;
float: left;
left: 2px;
top: 1px;
text-align: left;
font-family: Verdana, arial, sans-serif;
font-size: 11px;
color: #C0c0c0;
}
#boxlinks_mid {
position: absolute;
float: left;
display: block;
left: 14px;
top: 41px;
width: 215px;
background-color: #393939;
border: 1px solid #ffffff;
padding: 0px;
margin: 0px;
}
#boxlinks_down {
position: relative;
float: left;
left: 0px;
width:239px;
height:64px;
}
if that isn't enough, here is the complete version:
html: HTML (name of the picture that has to be moved is website3v1_23.gif)
CSS: CSS
I hope that somebody can point me into the good direction?
thanks in advance!
Edited by r1pp3r, 27 June 2007 - 07:06 AM.
