5 replies [Last post]
Anonymous
Anonymous's picture
Guru
calgary,alberta
calgary,alberta

does anyone know how i can do that?

so i want a tekst and a tekst as background. (no not an image but plain tekst)

so i have a table and i want normal tekst in there and in the upper right corner i want some tekst on the background.

Thnx in advance.

Vinnie

nexia
nexia's picture
Offline
Regular
Last seen: 11 years 32 weeks ago
Timezone: GMT-5
Joined: 2003-03-22
Posts: 42
Points: 0

Tekst behind tekst

hope my babelfish is working right, i think you're talking about TEXT, not tekst...

anyway... this is a example of what you can do:

http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex1

it's about an image style, but you can do the exact same with text...

nexialism source of all knowledges

Anonymous
Anonymous's picture
Guru

hmz..

no thats not what i want but thnx anyway..

i realized that it will not work what i want with the (tekst in dutch) text.

Greets Vinnie

olabri
Offline
newbie
Last seen: 11 years 29 weeks ago
Joined: 2003-04-07
Posts: 2
Points: 0

Tekst behind tekst

i have found a way to do this in opera and gecko http://utge.jaggu.org/opera.gif

problem is, it doesnt work well in Internet Explorer http://utge.jaggu.org/ie6.gif , as it wont center.

http://utge.jaggu.org/csstest.html

Anyone got a clue on how to do this so it work in IE?

the css classes looks like this:

.headunder
{
	position: absolute;
	top: 32px;
	
	left: 0%;
	right:  0%;	
	
	text-align: center;
	font-family: Arial Bold, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	
	text-align: center;	
	color: #000000;
}

.headover
{
	position: absolute;
	top: 30px;
	left: 0%;
	right:  0%;
	
	font-family: Arial Bold, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	
	text-align: center;
	color: #FF0000;
}

The HTML code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="3d.css">
</head>
<body>
<div class=headunder >Test of 3D effect</div>
<div class=headover >Test of 3D effect</div>
</body>
</html>

dJomp
dJomp's picture
Offline
Enthusiast
York, England
Last seen: 11 years 32 weeks ago
York, England
Joined: 2003-03-23
Posts: 422
Points: 0

Tekst behind tekst

IE doesn't seem to do anything with the width unless you tell it... so add
width: 100%;
to each of the styles and it'll work. Don't know what it'll do to rendering in other browsers though...

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

olabri
Offline
newbie
Last seen: 11 years 29 weeks ago
Joined: 2003-04-07
Posts: 2
Points: 0

Tekst behind tekst

thx, worked like a dream Smile