prob @ CSS...

They have: 44 posts

Joined: Jul 1999

i have a Q on CSS:
when i make a 3d text with css like this:
<!--
div{position:absolute}
.light2 { top:-1; left:-2; color:FF2690; }
.shade2 { top:+1; left:+2; color:000063; }
.fill2 { top:0; left:0; color:#CE0067; }
-->
</style>
</head><body>

<center>
<div><div class="light2"><center><font size=7>embossed</font></center>
</div><div class="shade2"><center><font size=7>embossed</font></center>
</div><div class="fill2"><center><font size=7>embossed</font></center></div></div>

</body></html>

*********
it won't be at the center of the page.
why is taht?!
again, when i use this CSS script, i get the word - emboss a liitle bit at the sde, not at the center of the page, as you can expect when we use <center>
please help me~~!

------------------
I bet you never been in this site before...
Deja~vu

I bet you never been in this site before...
Deja~vu

John Pollock's picture

He has: 628 posts

Joined: Mar 1999

The DIV tags are defined with an absolute position:

div{position:absolute}
.light2 { top:-1; left:-2; color:FF2690; }
.shade2 { top:+1; left:+2; color:000063; }
.fill2 { top:0; left:0; color:#CE0067; }

This would override the CENTER tags, try it using position:relative, that might make it work the way you would like.

They have: 44 posts

Joined: Jul 1999

NO, IT'S NOT WORKING.
i tried it now, and before i post the meassge.
this make it one after another.
not on top of one and another.

but thanks...
any more ideas?!
Smiling

------------------
I bet you never been in this site before...
Deja~vu

I bet you never been in this site before...
Deja~vu

John Pollock's picture

He has: 628 posts

Joined: Mar 1999

I got this to work in IE5, not sure about NS:

<HTML>
<HEAD>

<STYLE type="text/css">
<!--
SPAN {position:relative}
div {position:absolute}
.light2 { top:-1; left:-2; color:FF2690; }
.shade2 { top:+1; left:+2; color:000063; }
.fill2 { top:0; left:0; color:#CE0067; }
-->
</style>

</head><body>

<center>
<P>
<SPAN>
<div class="light2"><font size=7>embossed</font></div>
<div class="shade2"><font size=7>embossed</font></div>
<SPAN class="fill2"><font size=7>embossed</font></SPAN>
</SPAN>

</center>
</body></html>

It seems that it needed to have a base SPAN tag with relative positioning, and the base layer of the 3d font needed a relative SPAN tag so that it would start at the center of the page.

They have: 44 posts

Joined: Jul 1999

no.
at netscape it isn't lookig good.
well, never mind.
i will pass it..
thanks anyway...

------------------
I bet you never been in this site before...
Deja~vu

I bet you never been in this site before...
Deja~vu

They have: 44 posts

Joined: Jul 1999

thank you!
i will check it.

John Pollock's picture

He has: 628 posts

Joined: Mar 1999

Yep, I didn't figure it would fly with NS. I can get most style sheet ideas working with IE, but NS just doesn't have enough support for most of the properties yet.
C'mon NS 5, give us some CSS support!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.