4 replies [Last post]
Vkey
Offline
Regular
Last seen: 9 years 5 weeks ago
Joined: 2005-10-17
Posts: 31
Points: 0

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! Sad
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! Sad

Thanx in advance!

DeprecatedDiva
DeprecatedDiva's picture
Offline
Enthusiast
NW Louisiana
Last seen: 7 years 49 weeks ago
NW Louisiana
Timezone: GMT-6
Joined: 2005-06-12
Posts: 135
Points: 0

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! Sad

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

DeprecatedDiva

Vkey
Offline
Regular
Last seen: 9 years 5 weeks ago
Joined: 2005-10-17
Posts: 31
Points: 0

Friendster - Centering the Navigation (CSS)

Thanx for ur reply regarding the second part! Smile
But as for the first part, I still can't get the HOME | MY PROFILE | MY FRIENDS | etc to be CENTERED! Sad

Thanx again for replying! Wink

Anonymous
Anonymous's picture
Guru

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;}

Vkey
Offline
Regular
Last seen: 9 years 5 weeks ago
Joined: 2005-10-17
Posts: 31
Points: 0

Friendster - Centering the Navigation (CSS)

No changes! Sad