Hi
I have some problems with css positioning. On the test site <!-- m --><a class="postlink" href="http://home.clara.net/derrett/test2/DivIndex.htm">http://home.clara.net/derrett/test2/DivIndex.htm</a><!-- m --> how can I make the navigational divs be relative to the header div?
The relevant code is:
#header{
height: 143px;
background-image: url("1.jpg");
background-repeat:no-repeat;
}
.dvlyt{
width:628px;
margin:0px auto;
text-align: justify;
}
.mn{
height: 20px;
top: 117px;
z-index: 2;
text-align: center;
position: relative;
background-color: #f00;
}
#nv1{
width: 50px;
left: 30px;
}
#nv2{
width: 50px;
left: 100px;
}
All help appreciatedOkay, I looked at your source code from the page itself and you've got all your navigation links in separate divs. Put them in a horizontal list instead. Here's a website that should really help you out.
<!-- m --><a class="postlink" href="http://css.maxdesign.com.au/thanks">http://css.maxdesign.com.au/thanks</a><!-- m --> very much primal, that really helped.
I have some problems with css positioning. On the test site <!-- m --><a class="postlink" href="http://home.clara.net/derrett/test2/DivIndex.htm">http://home.clara.net/derrett/test2/DivIndex.htm</a><!-- m --> how can I make the navigational divs be relative to the header div?
The relevant code is:
#header{
height: 143px;
background-image: url("1.jpg");
background-repeat:no-repeat;
}
.dvlyt{
width:628px;
margin:0px auto;
text-align: justify;
}
.mn{
height: 20px;
top: 117px;
z-index: 2;
text-align: center;
position: relative;
background-color: #f00;
}
#nv1{
width: 50px;
left: 30px;
}
#nv2{
width: 50px;
left: 100px;
}
All help appreciatedOkay, I looked at your source code from the page itself and you've got all your navigation links in separate divs. Put them in a horizontal list instead. Here's a website that should really help you out.
<!-- m --><a class="postlink" href="http://css.maxdesign.com.au/thanks">http://css.maxdesign.com.au/thanks</a><!-- m --> very much primal, that really helped.