HighDots Forums  

Position image x,y in html

Go Back HighDots Forums HTML Newsgroups alt.html Position image x,y in html

alt.html alt.html


Discuss Position image x,y in html in the alt.html forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Geir
 
Posts: n/a

Default Position image x,y in html - 11-04-2009 , 09:20 AM





Hi,

We have a monitoring page on a specific computer where we need some
differently sized images accurately positioned. Hence there is no
compatibility issues. One computer, one browser.

How do we place imageA.gif at x=500 Y=200? (from the upper left corner
of the screen) At its native pixel size.

Thanks for tips on this

regards

geir

Reply With Quote
  #2  
Old   
Adrienne Boswell
 
Posts: n/a

Default Re: Position image x,y in html - 11-04-2009 , 09:55 AM





Gazing into my crystal ball I observed Geir <geir02 (AT) gmail (DOT) com> writing
in news:7ldgsnF3agu83U1 (AT) mid (DOT) individual.net:

Quote:
Hi,

We have a monitoring page on a specific computer where we need some
differently sized images accurately positioned. Hence there is no
compatibility issues. One computer, one browser.

How do we place imageA.gif at x=500 Y=200? (from the upper left corner
of the screen) At its native pixel size.

Thanks for tips on this

regards

geir
Look at the CSS position property.


--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Reply With Quote
  #3  
Old   
Nik Coughlin
 
Posts: n/a

Default Re: Position image x,y in html - 11-04-2009 , 04:28 PM


"Geir" <geir02 (AT) gmail (DOT) com> wrote

Quote:
Hi,

We have a monitoring page on a specific computer where we need some
differently sized images accurately positioned. Hence there is no
compatibility issues. One computer, one browser.

How do we place imageA.gif at x=500 Y=200? (from the upper left corner of
the screen) At its native pixel size.

Thanks for tips on this
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Position imageA</title>
<style type="text/css">
.imageA {
position: absolute;
left: 500px;
top: 200px;
}
</style>
</head>
<body>
<img src="imageA.gif" class="imageA" alt="meaningful alt text">
</body>
</html>

Reply With Quote
  #4  
Old   
Ben C
 
Posts: n/a

Default Re: Position image x,y in html - 11-05-2009 , 04:20 PM


On 2009-11-04, Nik Coughlin <nrkn.com (AT) gmail (DOT) com> wrote:
Quote:
"Geir" <geir02 (AT) gmail (DOT) com> wrote in message
news:7ldgsnF3agu83U1 (AT) mid (DOT) individual.net...
Hi,

We have a monitoring page on a specific computer where we need some
differently sized images accurately positioned. Hence there is no
compatibility issues. One computer, one browser.

How do we place imageA.gif at x=500 Y=200? (from the upper left corner of
the screen) At its native pixel size.

Thanks for tips on this

!DOCTYPE HTML
html
head
meta content="text/html; charset=utf-8" http-equiv="Content-Type"
title>Position imageA</title
style type="text/css"
.imageA {
position: absolute;
left: 500px;
top: 200px;
}
/style
/head
body
img src="imageA.gif" class="imageA" alt="meaningful alt text"
/body
/html
Yes, although this is invalid-- not supposed to have an IMG just inside
BODY like that. Put a DIV around it.

Reply With Quote
  #5  
Old   
Nik Coughlin
 
Posts: n/a

Default Re: Position image x,y in html - 11-05-2009 , 05:55 PM


"Ben C" <spamspam (AT) spam (DOT) eggs> wrote

Quote:
On 2009-11-04, Nik Coughlin <nrkn.com (AT) gmail (DOT) com> wrote:
"Geir" <geir02 (AT) gmail (DOT) com> wrote in message
news:7ldgsnF3agu83U1 (AT) mid (DOT) individual.net...
Hi,

We have a monitoring page on a specific computer where we need some
differently sized images accurately positioned. Hence there is no
compatibility issues. One computer, one browser.

How do we place imageA.gif at x=500 Y=200? (from the upper left corner
of
the screen) At its native pixel size.

Thanks for tips on this

!DOCTYPE HTML
html
head
meta content="text/html; charset=utf-8" http-equiv="Content-Type"
title>Position imageA</title
style type="text/css"
.imageA {
position: absolute;
left: 500px;
top: 200px;
}
/style
/head
body
img src="imageA.gif" class="imageA" alt="meaningful alt text"
/body
/html

Yes, although this is invalid-- not supposed to have an IMG just inside
BODY like that. Put a DIV around it.
Nope, perfectly valid, look at the doctype. But your advice is good for the
OP who is probably not authoring as HTML 5

Reply With Quote
  #6  
Old   
Nik Coughlin
 
Posts: n/a

Default Re: Position image x,y in html - 11-05-2009 , 06:00 PM


"Nik Coughlin" <nrkn.com (AT) gmail (DOT) com> wrote

Quote:
"Ben C" <spamspam (AT) spam (DOT) eggs> wrote in message
news:slrnhf6ge2.326.spamspam (AT) bowser (DOT) marioworld...
On 2009-11-04, Nik Coughlin <nrkn.com (AT) gmail (DOT) com> wrote:

!DOCTYPE HTML
html
head
meta content="text/html; charset=utf-8" http-equiv="Content-Type"
title>Position imageA</title
style type="text/css"
.imageA {
position: absolute;
left: 500px;
top: 200px;
}
/style
/head
body
img src="imageA.gif" class="imageA" alt="meaningful alt text"
/body
/html

Yes, although this is invalid-- not supposed to have an IMG just inside
BODY like that. Put a DIV around it.

Nope, perfectly valid, look at the doctype. But your advice is good for
the OP who is probably not authoring as HTML 5
In fact, this is valid HTML5 (provided that the server is sending character
encoding or the file has a Unicode BOM):

<!DOCTYPE HTML>
<title>Position imageA</title>
<style type="text/css">
.imageA {
position: absolute;
left: 500px;
top: 200px;
}
</style>
<img src="bigger.png" class="imageA" alt="meantingful alt text">

Reply With Quote
  #7  
Old   
Travis Newbury
 
Posts: n/a

Default Re: Position image x,y in html - 11-05-2009 , 06:09 PM


On Nov 4, 9:20*am, Geir <gei... (AT) gmail (DOT) com> wrote:
Quote:
...Hence there is no
compatibility issues. *One computer, one browser.

How do we place imageA.gif at x=500 Y=200? (from the upper left corner
of the screen) *At its native pixel size.

Does anyone "really" believe this is running this on a single system
with a single browser? Come on... They just know everyone will give
them crap about trying to make it look exactly like they want if they
did not put that in there...

That said, I think it is perfectly all right to have such a page and
they should look at CSS absolute positioning....

Reply With Quote
  #8  
Old   
Ben C
 
Posts: n/a

Default Re: Position image x,y in html - 11-06-2009 , 03:01 AM


On 2009-11-05, Nik Coughlin <nrkn.com (AT) gmail (DOT) com> wrote:
Quote:
"Ben C" <spamspam (AT) spam (DOT) eggs> wrote in message
news:slrnhf6ge2.326.spamspam (AT) bowser (DOT) marioworld...
On 2009-11-04, Nik Coughlin <nrkn.com (AT) gmail (DOT) com> wrote:
"Geir" <geir02 (AT) gmail (DOT) com> wrote in message
news:7ldgsnF3agu83U1 (AT) mid (DOT) individual.net...
Hi,

We have a monitoring page on a specific computer where we need some
differently sized images accurately positioned. Hence there is no
compatibility issues. One computer, one browser.

How do we place imageA.gif at x=500 Y=200? (from the upper left corner
of
the screen) At its native pixel size.

Thanks for tips on this

!DOCTYPE HTML
html
head
meta content="text/html; charset=utf-8" http-equiv="Content-Type"
title>Position imageA</title
style type="text/css"
.imageA {
position: absolute;
left: 500px;
top: 200px;
}
/style
/head
body
img src="imageA.gif" class="imageA" alt="meaningful alt text"
/body
/html

Yes, although this is invalid-- not supposed to have an IMG just inside
BODY like that. Put a DIV around it.

Nope, perfectly valid, look at the doctype. But your advice is good for the
OP who is probably not authoring as HTML 5
I was curious about the doctype. So that's an HTML 5 doctype?

Reply With Quote
  #9  
Old   
Beauregard T. Shagnasty
 
Posts: n/a

Default Re: Position image x,y in html - 11-06-2009 , 07:51 AM


Ben C wrote:

Quote:
On 2009-11-05, Nik Coughlin <nrkn.com (AT) gmail (DOT) com> wrote:
!DOCTYPE HTML
html> ...

Yes, although this is invalid-- not supposed to have an IMG just
inside BODY like that. Put a DIV around it.

Nope, perfectly valid, look at the doctype. But your advice is good
for the OP who is probably not authoring as HTML 5

I was curious about the doctype. So that's an HTML 5 doctype?
Sending Nik's sample to the validator produces this:

" Using experimental feature: HTML5 Conformance Checker.

The validator checked your document with an experimental feature: HTML5
Conformance Checker. This feature has been made available for your
convenience, but be aware that it may be unreliable, or not perfectly up
to date with the latest development of some cutting-edge technologies."

Personally, I wouldn't use HTML5 until it is listed here:
http://www.w3.org/QA/2002/04/valid-dtd-list.html

--
-bts
-but that's just me...

Reply With Quote
Reply

« Previous Thread | Next Thread »



Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.


C++ Forums - MySQL Forums - Databases Forums - Hardware Forums - Borland Forums - Java Forums - Dotnet Forums - HighDots Forums - Archive - Top