Mon, 2005-11-21 06:39
HellO!..
I have this code in my profile
<br clear="all"><div id="nav_bg"> <div id="options"><ul> <li class="firstli"><a target="_top" href="/home.php?statpos=headernav">Home</a></li> <li> | <a target="_top" href="/user.php?statpos=headernav">My Profile</a> </li> <li> | <a target="_top" href="/friends.php?statpos=headernav">My Friends</a> </li> <li> | <a target="_top" href="/blogs.php">Blogs</a> </li> <li> | <a target="_top" href="http://classifieds.friendster.com/my">Classifieds</a> </li> <li> | <a target="_top" href="http://games.friendster.com">Games</a> </li> </ul></div>
But the problem is, they all are left aligned! So, is it possible to use CSS to make the navigation options alignment to be CENTERED!
I use these codes :
.firstli { width: 100%; margin: 0 auto; text-align:center; padding-left : 25%; padding-right : 25%; font-size:12px; color:#ffffff; font-weight:bold; font-style:italic; }
.firstli { width: 770px; margin: 0 auto; text-align:center; padding-left : 25%; padding-right : 25%; font-size:12px; color:#ffffff; font-weight:bold; font-style:italic; }
#options ul li a,#options ul li a:link,#options ul li a:visited,#options ul li a:active { width: 770px; align:center; margin: 0 auto; text-align:center; font-size:12px; color:#ffffff; font-weight:bold; font-style:italic; }
But none of them seems to work! 
Any help would be appreciated!
Thanx in advance!
______________________________________________________________________
Second question, I came across this code in my profile :
<div class="center fullwidth">
But, I havent heard of any div classes having 'spaces'!
But this seems to be weird..
So, I just want to ask, how I want the 'class' to be transparent! (Assume that the div class = BOX)? And how I wanna relate that into CSS?
I tried .center fullwidth, but to no avail!
Thanx in advance!
Mon, 2005-11-21 10:57
#1
Re: Friendster - Centering the Navigation (CSS)
Vkey wrote:
Second question, I came across this code in my profile :
<div class="center fullwidth">
But, I havent heard of any div classes having 'spaces'!
But this seems to be weird..
So, I just want to ask, how I want the 'class' to be transparent! (Assume that the div class = BOX)? And how I wanna relate that into CSS?
I tried .center fullwidth, but to no avail!
Thanx in advance!
I can answer the second part: "center" and "fullwidth" are two separate classes being called in one tag. Not all browsers will recognize this method of using multiple classes in a tag.
As for centering the navigation: ... is this what you mean?
http://www.cssplay.co.uk/menus/centered.html
Tue, 2005-11-22 11:50
#2
Friendster - Centering the Navigation (CSS)
Thanx for ur reply regarding the second part! 
But as for the first part, I still can't get the HOME | MY PROFILE | MY FRIENDS | etc to be CENTERED!
Thanx again for replying! 
Tue, 2005-11-22 12:22
#3
Re: Friendster - Centering the Navigation (CSS)
Vkey wrote:
#options ul li a,#options ul li a:link,#options ul li a:visited,#options ul li a:active { width: 770px; align:center; margin: 0 auto; text-align:center; font-size:12px; color:#ffffff; font-weight:bold; font-style:italic; }
Try this:
#options {
width: auto;
margin: 0 auto;}
Wed, 2005-11-23 07:46
#4
Friendster - Centering the Navigation (CSS)
No changes!