Log in

View Full Version : Can someone with a webpage help me?

Sir Big Jugs
03-22-06, 11:20 AM
Just check if this html code works and if clicking on a thumbnail opens a high-rez version please! I appreciate it, I'm still in que for the Google Page Creator website.



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img145.imageshack.us/img145/7782/grab00017rh7co.jpg">
http://img145.imageshack.us/img145/3951/grab00017rh8od.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img104.imageshack.us/img104/227/grab00031oh4yn.jpg">
http://img104.imageshack.us/img104/2605/grab00031oh4na.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img104.imageshack.us/img104/539/grab00058pz8zl.jpg">
http://img104.imageshack.us/img104/2970/grab00058pz5rs.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img104.imageshack.us/img104/7364/grab00176fw7nf.jpg">
http://img104.imageshack.us/img104/6772/grab00176fw3tt.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img47.imageshack.us/img47/8047/grab00211vv1hh.jpg">
http://img47.imageshack.us/img47/9471/grab00211vv4ej.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img47.imageshack.us/img47/4089/grab00233rh6yz.jpg">
http://img47.imageshack.us/img47/2528/grab00233rh8rh.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img47.imageshack.us/img47/245/grab00090002im8gi.jpg">
http://img47.imageshack.us/img47/783/grab00090002im4vw.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img47.imageshack.us/img47/3328/project15mv1vu.jpg">
http://img47.imageshack.us/img47/8906/project15mv5xt.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img162.imageshack.us/img162/8207/sh3img1120061847edited4gx4vc.jpg">
http://img162.imageshack.us/img162/4526/sh3img1120061847edited4gx7ol.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img162.imageshack.us/img162/336/sh3img1120061852edited8tz7wk.jpg">
http://img162.imageshack.us/img162/5986/sh3img1120061852edited8tz8oh.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img118.imageshack.us/img118/4976/sh3img11120061982qs7rh.jpg">
http://img118.imageshack.us/img118/3980/sh3img11120061982qs7rj.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img160.imageshack.us/img160/734/sh3img121200616160nz6dy.jpg">
http://img160.imageshack.us/img160/2290/sh3img121200616160nz3sm.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img123.imageshack.us/img123/7302/sh3img2120061934234edited5ca5m.jpg">
http://img123.imageshack.us/img123/4433/sh3img2120061934234edited5ca3w.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img123.imageshack.us/img123/1993/sh3img2712200511482gg7hr.jpg">
http://img123.imageshack.us/img123/8424/sh3img2712200511482gg7pa.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img387.imageshack.us/img387/6696/sh3img21200691111515edited5cg0.jpg">
http://img387.imageshack.us/img387/7616/sh3img21200691111515edited5cg9.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img387.imageshack.us/img387/1418/sh3img21200692256406edited0xd5.jpg">
http://img387.imageshack.us/img387/8443/sh3img21200692256406edited0xd8.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img387.imageshack.us/img387/3417/sh3img112006184158671edited2gp.jpg">
http://img387.imageshack.us/img387/204/sh3img112006184158671edited2gp1.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img387.imageshack.us/img387/1082/sh3img112006184413828edited8ty.jpg">
http://img387.imageshack.us/img387/9601/sh3img112006184413828edited8ty1.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img387.imageshack.us/img387/1547/sh3img112006185152812edited3et.jpg">
http://img387.imageshack.us/img387/4060/sh3img112006185152812edited3et1.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img389.imageshack.us/img389/2412/sh3img2612200522559734edited4o.jpg">
http://img389.imageshack.us/img389/1287/sh3img2612200522559734edited4o1.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img389.imageshack.us/img389/5730/sh3img2712200519485930op0ty.jpg">
http://img389.imageshack.us/img389/8460/sh3img2712200519485930op5az.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img389.imageshack.us/img389/1950/sh3img11120061822209374ut9to.jpg">
http://img389.imageshack.us/img389/4831/sh3img11120061822209374ut6vn.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img389.imageshack.us/img389/6971/sh3img11120061845193431mb3dv.jpg">
http://img389.imageshack.us/img389/9994/sh3img11120061845193431mb5ec.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img389.imageshack.us/img389/6838/sh3img11120062135342967vo3mn.jpg">
http://img389.imageshack.us/img389/345/sh3img11120062135342967vo9wm.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img482.imageshack.us/img482/4977/sh3img12120061616595621gv8mn.jpg">
http://img482.imageshack.us/img482/6801/sh3img12120061616595621gv9rp.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img482.imageshack.us/img482/9475/sh3img31122005013271095jr3ph.jpg">
http://img482.imageshack.us/img482/5069/sh3img31122005013271095jr3nu.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img482.imageshack.us/img482/7671/sh3img271220051044398280zs0cp.jpg">
http://img482.imageshack.us/img482/6683/sh3img271220051044398280zs5nf.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img482.imageshack.us/img482/1070/sh3img271220051117275005dm9fq.jpg">
http://img482.imageshack.us/img482/3862/sh3img271220051117275005dm9tb.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img366.imageshack.us/img366/7291/sh3img271220051145327814jq9gl.jpg">
http://img366.imageshack.us/img366/7867/sh3img271220051145327814jq9ae.jpg
</a>
</p>

</body>
</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img366.imageshack.us/img366/8213/sh3img271220051147484688uj7ib.jpg">
http://img366.imageshack.us/img366/6228/sh3img271220051147484688uj7wr.jpg
</a>
</p>

</body>
</html>
<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img366.imageshack.us/img366/5431/sh3img271220051148338280ih3ra.jpg">
http://img366.imageshack.us/img366/1483/sh3img271220051148338280ih0rf.jpg
</a>
</p>

</body>

</html>



<html>
<body>



Click on the image to open a high-resolution version
<a href="http://img366.imageshack.us/img366/183/sh3img271220052034248757ij8hj.jpg">
http://img366.imageshack.us/img366/2911/sh3img271220052034248757ij4tj.jpg
</a>
</p>

</body>
</html>
The Avon Lady
03-22-06, 11:35 AM
Works. :yep:
Gizzmoe
03-22-06, 01:27 PM
Some things that are not correct.

The thumbnail sh3img271220051044398280zs5nf.jpg is a full-size image (1024x786, 478KB), resized by the brower to 200x150. The other thumbnails are ok, 200x150, but the filesize of all of them is too large. All 31 thumbnails (the 478KB "thumbnail" not included) are 1.05MB.

As a general rule, if a thumbnail of that size is larger than 7-8KB then something is wrong. All thumbnails combined shouldn´t be more than 200KB. Learn the correct use of JPG compression! ;)
Sixpack
03-22-06, 01:28 PM
width="200" height="150">

Dont think you will see big pictures with these borders :hmm:

:shifty: darn, well so much for my html knowledge ;)
Gizzmoe
03-22-06, 01:33 PM
width="200" height="150">

Dont think you will see big pictures with these borders :hmm:

That are the thumbnail borders!
Sir Big Jugs
03-22-06, 01:35 PM
Some things that are not correct.

The thumbnail sh3img271220051044398280zs5nf.jpg is a full-size image (1024x786, 478KB), resized by the brower to 200x150. The other thumbnails are ok, 200x150, but the filesize of all of them is too large. All 31 thumbnails (the 478KB "thumbnail" not included) are 1.05MB.

As a general rule, if a thumbnail of that size is larger than 7-8KB then something is wrong. All thumbnails combined shouldn´t be more than 200KB. Learn the correct use of JPG compression! ;)

NOOO!!!

LOL, I spent 4h 45 minutes downloading, resizing, uploading and editing the HTML code. Still too large. :cry:

*SIGH*
Gizzmoe
03-22-06, 01:38 PM
Still too large. :cry:

The full-size pictures also. But we already told you all that weeks ago! :yep:
Sir Big Jugs
03-22-06, 01:41 PM
Still too large. :cry:

The full-size pictures also. But we already told you all that weeks ago! :yep:

I never learn, do I? :hulk:
Sir Big Jugs
03-22-06, 02:18 PM
So Gizzmoe, is this better? It's Imageshacks feature I just discovered.

Could someone post here so I know what it looks like?

http://img517.imageshack.us/img517/8835/sh3img22320061647141409ugcopy5.th.jpg (http://img517.imageshack.us/my.php?image=sh3img22320061647141409ugcopy5.jpg)
Sixpack
03-22-06, 02:18 PM
Please cut down the size of that picture. And one time in a thread is enough TY :yep:
Sir Big Jugs
03-22-06, 02:20 PM
Please cut down the size of that picture. And one time in a thread is enough TY :yep:

?
Gizzmoe
03-22-06, 02:24 PM
So Gizzmoe, is this better? It's Imageshacks feature I just discovered.

Could someone post here so I know what it looks like?

Post what???

Please cut down the size of that picture. And one time in a thread is enough TY :yep:

?

Your signature. Please make is smaller. An image height of about 200 pixels is ok.
Sir Big Jugs
03-22-06, 02:32 PM
The imageshack html code i just posted. Just a screenie of what it looks like would be nice. :cool:

Sig ready in one min.
Gizzmoe
03-22-06, 02:40 PM
The imageshack html code i just posted. Just a screenie of what it looks like would be nice. :cool:

Why don´t you check it yourself? Paste the HTML code from your first post into Notepad, replace the first part from <a href=... to </a> with the new code, save it as test.html, then open it with your browser.
Sir Big Jugs
03-22-06, 02:42 PM
The imageshack html code i just posted. Just a screenie of what it looks like would be nice. :cool:

Why don´t you check it yourself? Paste the HTML code from your first post into Notepad, replace the first part from <a href=... to </a> with the new code, save it as test.html, then open it with your browser.

Didn't know I could do that, thanks!
Sir Big Jugs
03-22-06, 02:46 PM
It looks like this and the image is not clickable. What did I do wrong?

http://img478.imageshack.us/img478/2353/untitled1copy4ev.jpg
Gizzmoe
03-22-06, 02:50 PM
It looks like this and the image is not clickable. What did I do wrong?

Wrong copy/paste I would say... Try again! :)
Jesper
03-22-06, 03:22 PM
Each document in HTML language must have a !DOCTYPE declaration and it must be in the top.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

There must be a <head></head> section that contains:
<head>
<title>Some title of your page</title>
</head>

There should only be one set of <body></body> and inside that is where you place all your html code

All documents must end with </html>

All <img> tags must have the attribute alt=""
Here is an example of a valid webpage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Some title of your page</title>
<style type="text/css">
.img{width:200px;height:150px;border-style:none}
</style>
</head>

<body>
<h1>Click on the image to open a high-resolution version</h1>
<a href="http://img145.imageshack.us/img145/7782/grab00017rh7co.jpg">http://img145.imageshack.us/img145/3951/grab00017rh8od.jpg
Click on the Image to Enlarge it</a>
</body>
</html>

Learn HTML here (http://www.w3schools.com)
Sir Big Jugs
03-22-06, 03:23 PM
Tack Jesper!
Jesper
03-22-06, 03:27 PM
Ingen årsag (Most Welcome) :)