Basic HTML question

Arsey · 7 Apr 2008 at 15:56

I am currently doing a module on an introduction to web design in uni and we have to code a website using HTML all in notepad.

Is there anyway to scale an image to the page no matter what size screen/resolution is set?

I have the fish with line image in the outer div, which is the grey box with this code.

Code:

<body>
 <div id="outer">
 <h1>Course Fishing</h1>
<img src="linefish.jpg" alt="Fish and Line for the background" align="left" hspace="180">

This results in what I want

However if I reduce the size of the browser the image does not appear in the correct position.

I am controlling the style with a CSS file. So is there a way to make the fish iimage to display between the two yellow boxes no matter what the screen size is?

Thanks

MarcLister · 7 Apr 2008 at 16:12

Erm I'm guessing here but use fixed positioning? So make it position itself relative to browser window. Something like 50px from the left and 35 from the bottom etc.

http://www.w3schools.com/Css/css_positioning.asp
http://www.w3schools.com/Css/tryit.asp?filename=trycss_position_fixed

gumbald · 7 Apr 2008 at 16:15

The fish image is always the same size though?

MarcLister · 7 Apr 2008 at 16:17

Yes, can't see how you can change the size of an image depending on screen resolution using only HTML/CSS.

Arsey · 7 Apr 2008 at 16:19

So I can't make the image scale itself depending on resolution?

gumbald · 7 Apr 2008 at 16:26

On-the-fly image scaling would make for very complicated sites...

Is it not coarse fishing?

MarcLister · 7 Apr 2008 at 16:26

Yeah.

Arsey · 7 Apr 2008 at 16:37

Thanks for that spot! Could have been embarrassing lol! Guess I will have to get rid of the image then.

Would this mean that using button images as links wouldn't work also? They would be too big on smaller resolutions right?

MarcLister · 7 Apr 2008 at 16:38

Anything that is an image will look silly on smaller resolutions.

Arsey · 7 Apr 2008 at 16:40

Thats not very good! I'm guessing that you can change this using dreamweaver? I shall look forward to that part after the easter break

MarcLister · 7 Apr 2008 at 16:41

Suppose not.

Don't know if Dreamweaver can help you there. I just use Notepad++.

gumbald · 7 Apr 2008 at 17:03

MarcLister said:
Suppose not. Don't know if Dreamweaver can help you there. I just use Notepad++.

Notepad2's where it's at

MarcLister · 7 Apr 2008 at 17:04

gumbald said:
Notepad2's where it's at

Have you used both? Is Notepad2 really much better?

gumbald · 7 Apr 2008 at 17:07

I've used both, Notepad++ is more fully featured with things like tabs, whereas Notepad2 is just Notepad with tweaks. Personal preference, if you're used to Notepad++ then there's no reason to change.

MarcLister · 7 Apr 2008 at 17:07

Notepad *shudders*

I loves my Notepad++ thanks.

unwashed potato! · 7 Apr 2008 at 17:08

MarcLister said:
Have you used both? Is Notepad2 really much better?

imo yes it's much better but then it doesn't have a tabs feature which is the only reason i currently use notepad++ but tbh its rubbish save and open feature is bugging me so much i will probably end up going back to notepad2 soon

Tripnologist · 7 Apr 2008 at 17:24

I use notepad2 as well. I tried notepad++ just for the tabs but went back to notepad2 within a week.

gumbald · 7 Apr 2008 at 17:26

Woo, I have backers.

MarcLister · 7 Apr 2008 at 17:28

gumbald said:
Woo, I have backers.

Bit like saying the Monster Raving Loony Party should run Government as it has some backers.

gumbald · 7 Apr 2008 at 17:34

Sounds like a plan.

Come on the Notepad2 crew, we'll take out campaign elsewhere, to Parliament.