PDA

View Full Version : AP div cause text alignment problem


bandolin
06-23-2011, 09:14 PM
I have created a simple horizontal menu using AP divs. But for some reason the two middle divs (or more precisely the text within the divs) are pushed to the bottom of the page.

Here is the CSS:
#web
{
position: absolute;
height: 50px;
width: 125px;
left: 412px;
top: 164px;
text-align: center;
z-index: 7;
}

#3D
{
position: absolute;
height: 50px;
width: 125px;
left: 542px;
top: 164px;
text-align: center;
z-index: 5;
}

#2D
{
position: absolute;
height: 50px;
width: 125px;
left: 672px;
top: 164px;
text-align: center;
z-index: 3;
}

#gallery
{
position: absolute;
height: 50px;
width: 125px;
left: 802px;
top: 164px;
text-align: center;
z-index: 1;
}This is the HTML:
<div id="web">
<h1>Web</h1></div>
<div id="3D">
<h1>3D</h1></div>
<div id="2D">
<h1>2D</h1></div>
<div id="gallery">
<h1>Gallery</h1></div>
</div> (this last div is closing the wrapper)

Web and Gallery are in position but 3D and 2D are pushed to the bottom of the page.

Attached is an image showing the issue.

DWcourse
06-23-2011, 09:38 PM
Don't use ap divs for menus. Use and unordered list of links and style them as buttons using CSS.

bandolin
06-24-2011, 12:14 AM
I would like to place this ul precisely in the banner you see in the image. I tried using spry but man that was ridiculously complex.

How do you get the vertical ul to be horizontal?

bandolin
06-24-2011, 01:05 AM
Ignore my last post. I figured it out. Yay, me.

Is there a way to change the link colors for just one div? I don't want to change the CSS page properties across the entire site, just for one CSS rule.

Corrosive
06-24-2011, 06:24 AM
Try this; http://www.dreamweaverclub.com/forum/showthread.php?t=28749

bandolin
06-24-2011, 06:04 PM
Sorry, my meager brain couldn't wrap any neurons around that.:(
But thanks for the reply.

Corrosive
06-25-2011, 08:22 AM
Sorry, my meager brain couldn't wrap any neurons around that.:(
But thanks for the reply.

Then try this perhaps; http://corrosiveonline.co.uk/tutorials_different_links_css.php

bandolin
06-25-2011, 03:10 PM
Ahhh. Now that's something my alcohol destroyed neurons can absorb.:-D
Thanks.

Corrosive
06-25-2011, 03:15 PM
Ahhh. Now that's something my alcohol destroyed neurons can absorb.:-D
Thanks.

Ha, ha. Good stuff :mrgreen: