Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Screen Resolution for images question??

Status
Not open for further replies.
NewbulusMaximus

NewbulusMaximus

Programmer
Mar 24, 2002
8
CA
What's the best way the go about fixing an image on a screen so that it stays visible without scrolling for all kinds of screen resolutions? also, if I were to create a map on the screen for the image, how could I include it? If I can't, what are the alternatives? Here's what I got so far, but can't include the map if I fix the width and height of the image by percentage... THNX

<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;>
<html>
<head>
<title>name</title>
</head>
<body leftmargin=&quot;0&quot; topmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot;>
<img src=&quot;image.jpg&quot; align=&quot;absmiddle&quot; width=&quot;100%&quot; height=&quot;100%&quot; >
</body>
</html>
 
Sort by date Sort by votes
You might consider using the image as a background image - but this might not work for the rest of your page. The other thing you can do is test for the screen resolution and have several different image sizes for those resolutions. Not a pretty thing but I don't see any other way. There's always a better way...
 
Upvote 0 Downvote
If I use it as a background (I assuming making it CSS, if I'm wrong please correct me), can I use an image map? Also how would I go about testing screen resolutions? Javascript?

 
Upvote 0 Downvote
one way I got out of this once was to give up a little in looks and center the image with a color for the bgcolor that best fit to the image. The only reasoning behind doing this was the fact I had several maps on it though.

You cannot mandate productivity, you must provide the tools to let people become their best.
-Steve Jobs
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
125
Alt255
Alt255
scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
335
3esolar
3
Camila James
  • Locked
  • Question
Shopify vs. WooCommerce – Which Platform To Use For Your Online Store?
Replies
3
Views
105
lucasbrown
lucasbrown
jason.lex
  • Locked
  • Question
Bootstrap grid and columns question
Replies
0
Views
63
jason.lex
jason.lex
lupidol
  • Locked
  • Question
What does a question mark (?) stands for in ancho tag ? 1
Replies
2
Views
245
lupidol
lupidol

Part and Inventory Search

Sponsor

Back
Top