3 replies [Last post]
dcdomain
dcdomain's picture
Offline
Regular
Last seen: 18 years 15 weeks ago
Timezone: GMT-5
Joined: 2003-07-06
Posts: 32
Points: 0

#pipe ul {
background-image: none;
margin: 0px;
float: right;
width: 625px;
position: absolute;
top: 80px;
height: 15px;
margin-left: 0;
padding-left: 0;
display: inline;
} 

#pipe ul li {
margin-left: 0;
padding: 3px 5px;
border-left: 1px solid #cccccc;
list-style: none;
display: inline;
}

http://www.cmulambdas.com/r2/includes/header.php Page with Problem
http://www.cmulambdas.com/r2/style.css Style sheet used

The problem is, I can't get it to align right, even though I'm telling it to float right. I tried messing with the position tag, but that didn't help either, when I changed it to fixed/static it would go right, but it would not over lay the other layers (which makes sense). Any ideas? Thanks for any help...

"What I had, I gave today. What I saved, I lost forever."

dcdomain
dcdomain's picture
Offline
Regular
Last seen: 18 years 15 weeks ago
Timezone: GMT-5
Joined: 2003-07-06
Posts: 32
Points: 0

Can't get my menu to align right with FLOAT: RIGHT?

Tried taking out any misc. tags I may not need, still didn't help:
#pipe ul {
background-image: none;
float: right:0px;
width: 625px;
position: absolute;
top: 80px;
height: 15px;
display: inline;
}

#pipe ul li {
padding: 3px 5px;
border-left: 1px solid #cccccc;
list-style: none;
display: inline;
}

"What I had, I gave today. What I saved, I lost forever."

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Can't get my menu to align right with FLOAT: RIGHT?

Hi dcdomain,
Try just making the div pipe float right not the list inside it.

#pipe{float:right; width: 625px;... 
Also float and position absolute will not work together so don't position #pipe absolutely.

Hope that helps.

dcdomain
dcdomain's picture
Offline
Regular
Last seen: 18 years 15 weeks ago
Timezone: GMT-5
Joined: 2003-07-06
Posts: 32
Points: 0

Can't get my menu to align right with FLOAT: RIGHT?

Thanks! I finally got it to work with the code below:

#pipe ul {
background-image: none;
position: absolute;
right:0px;
width: 525px;
top: 80px;
height: 15px;
display: inline;
} 

#pipe ul li {
padding: 3px 5px;
border-left: 1px solid #cccccc;
list-style: none;
display: inline;
}

I used position to lay it on top of the other layers (at least I think that's what it's for) and the RIGHT to make it right aligned.

"What I had, I gave today. What I saved, I lost forever."