Positioning Text on A Screen

josh · **Posted:** Tue Oct 19, 2004 8:40 pm

what is the tags that u use to give text a specific xy cooriante on the screen (I wan to position a link on a background I made in PSP)???

Tony · **Posted:** Tue Oct 19, 2004 10:26 pm

code:

img {position: absolute; top: 46px; right: 80px; }

though that's for CSS...

josh · **Posted:** Wed Oct 20, 2004 6:57 am

I already have the image in though, it is the link that I want to position on the screen.

Amailer · **Posted:** Wed Oct 20, 2004 2:10 pm

rhysticlight wrote:

I already have the image in though, it is the link that I want to position on the screen.

Put the link in a div

code:

the class IMG is the code which tony posted Wink

josh · **Posted:** Wed Oct 20, 2004 5:19 pm

srry gys I am pretty new to HTML, so I can't figure out what is wrong. So far this is the code I have for the homepage. (It puts the link next to this little grey box thta I can make bigger)

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Welcome to Westmount C.I. Entertainment.com</title>
</head>

<body background="backgrounds/home.jpg">
<div class = "img"><img width="129" height="36" {position: absolute; top: 46px; right: 80px; }><a href="tableofcontents.html">Enter the Site</a></div>

</body>
</html>

P.S. I am using the code window in Dreamweaver MX 2004 to do this

thanx

josh · **Posted:** Fri Oct 22, 2004 1:38 pm

I just used line breaks and space to position it in the end.

Amailer · **Posted:** Fri Oct 22, 2004 2:08 pm

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Welcome to Westmount C.I. Entertainment.com</TITLE>

<STYLE TYPE="text/css">
.img {position: absolute; top: 46px; right: 80px; }
</STYLE>

</HEAD>

<BODY background="backgrounds/home.jpg">
<div class="img"><img width="129" height="36"><a href="tableofcontents.html">Enter the Site</a></div>

</BODY>
</HTML>

That should do it,
the .img {position: absolute; top: 46px; right: 80px; }

is part of CSS, so it should go into a .css file which you include in your html, or the way I did it.

http://www.w3schools.com/css/default.asp
Awsome site for HTML and CSS and etc, take the quiz too Razz

josh · **Posted:** Fri Oct 22, 2004 2:12 pm

I am learning HTML from that site, it is very good Very Happy

	Computer Science Canada Programming C, C++, Java, PHP, Ruby, Turing, VB Username: Password: Register
Wiki Blog Search Turing Chat Room Members