hi guys
i know this is not directly a php problem, but i got so much help here on my last php issue i thought id give u guys a try! 🙂
I know its gonna be so simple to your guys, but here goes..
Ok, i have a size with a border in the centre of the page, and then some js that puts images on the page as a gallery, and a menu, and a banner....
My problem is, i cannot find a way to position the banner and the menu at the top and in the middle to make it in the middle regardless of the size of the ie window....
align="center" doesent work
and i have tried position:absolute; in css and set the dimensions, which works, but when you resize the IE window the site moves but the menu and banner stay in place and the site goes round it!
Am i missing something somewhere or is there another function i could use?
My code is as follows:.....
<div class="logomain">
<img src="logo_main.jpg">
</div>
<div class="menu">
<ul>
<li><a href="jon.php">Home</a></li>
<li><a href="#">Ice Skating</a></li>
<li><a href="#">Pool</a></li>
<li><a href="#">Random Images</a></li>
<li><a href="#">Videos</a></li>
</ul>
</div>
and the CSS......
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:auto;
text-decoration:none;
color:black;
background-color:#c3d9f9;
border-right:1px dotted #87888d;
border-left:1px dotted #87888d;
border-top:1px dotted #87888d;
border-bottom:1px dotted #87888d;
padding-top: 0.2em;
padding-right: 0.6em;
padding-bottom: 0.2em;
padding-left: 0.6em;
}
a:hover {background-color:#848484}
li {display:inline}
div.menu {
border-collapse: separate;
position: absolute;
top: 177px;
left: 214px;
width: 387px;
}
div.logomain {
position: absolute;
top: 26px;
left: 150px;
width: 472px;
height: 140px;
}
Any ideas guys??
thanks
Jon
