Computer Science Canada

Positioning Text on A Screen
Author:  josh [ Tue Oct 19, 2004 8:40 pm ]
Post subject:  Positioning Text on A Screen
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)???
Author:  Tony [ Tue Oct 19, 2004 10:26 pm ]
Post subject: 
code:

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

though that's for CSS...
Author:  josh [ Wed Oct 20, 2004 6:57 am ]
Post subject: 
I already have the image in though, it is the link that I want to position on the screen.
Author:  Amailer [ Wed Oct 20, 2004 2:10 pm ]
Post subject: 
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:

<div class="img"><img ... ></div>


the class IMG is the code which tony posted Wink
Author:  josh [ Wed Oct 20, 2004 5:19 pm ]
Post subject: 
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
Author:  josh [ Fri Oct 22, 2004 1:38 pm ]
Post subject: 
I just used line breaks and space to position it in the end.
Author:  Amailer [ Fri Oct 22, 2004 2:08 pm ]
Post subject: 
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
Author:  josh [ Fri Oct 22, 2004 2:12 pm ]
Post subject: 
I am learning HTML from that site, it is very good Very Happy

:


You can syndicate this boards posts using the file backend.php or view the topic map using sitemap.php.

Terms of Use | Privacy Policy