Website Babble Webmaster Forums  
  #1 (permalink)  
Old 02-02-2008, 12:01 PM
BobG's Avatar
Regular Babbler
 
Join Date: Jan 2008
Location: "Sunny" South Florida
Posts: 41
Default HTML for image sizes & alignment

Hey All, I am messing around now with my homepage want to move the pics around a bit and make them smaller

I am a NEWbie with HTML and trying to get some cliff notes--LOL

THis was my last post on images

I am looking now for a way to ADD in pic size so I can GO to Preview and SEE if it is too big or small and then change the size within the code and preview again...

can someone show me a sample please.... of a way to tweak size.

THis is what I have use on my BLOG

<a try="" href="http://i118.photobucket.com/albums/o108/rsg83_2006/running/runp.gif"><img style="cursor: pointer; width: 200px;" alt=""
src="http://i118.photobucket.com/albums/o108/rsg83_2006/running/runp.gif" border="0" /></a>


and would change this number as needed width: 200px;

BUT this way gives you the option to open the picture up and I don't want that

Thanks
__________________
I am here to GET the facts BEFORE I Build my Site...Thanks

I am training for TWO 100 mile running events in 2008

MY training/running & other fun stuff blog here
Reply With Quote
  #2 (permalink)  
Old 02-02-2008, 02:40 PM
jaressloo's Avatar
Regular Babbler
 
Join Date: Jan 2008
Location: US
Posts: 65
Cool

Ok, I took a look at your HTML. Here's what you have:


<P><img src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg">
<P><P><a try="" href=<img style="cursor: pointer; width: 200px;" alt=""
src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg" border="0" /></a

Ok...this is a kind of weird scripting....

Your first image tag is
<img src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg">

This tells the browser to load the image. Your second tag...
<a try="" href=<img style="cursor: pointer; width: 200px;" alt=""
src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg" border="0" /></a

This is doing nothing. It's not even HTML!!!! So, you can take this whole thing out.

Anyway, if you want to change the image size, you can do something like this
<img src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg" width="200" height="400" />

That will change the image size and will not make it a link. Keep in mind though, that it does not actually change the image size, it only changes the size of how the image is displayed. In other words, you're still loading the same amount of information to your client's browser. If you want to make your load time faster for your pages, you'll actually need to physically resize your image.
__________________
Jaress Loo
BS in Information Systems Management
Systems Engineer and Project Technical Manager

http://www.amazingtechguys.com
http://www.vccandles.com
Reply With Quote
  #3 (permalink)  
Old 02-02-2008, 05:46 PM
BobG's Avatar
Regular Babbler
 
Join Date: Jan 2008
Location: "Sunny" South Florida
Posts: 41
Default

Quote:
Originally Posted by jaressloo View Post
Ok, I took a look at your HTML. Here's what you have:


<P><img src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg">
<P><P><a try="" href=<img style="cursor: pointer; width: 200px;" alt=""
src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg" border="0" /></a

Ok...this is a kind of weird scripting....

Your first image tag is
<img src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg">

This tells the browser to load the image. Your second tag...
<a try="" href=<img style="cursor: pointer; width: 200px;" alt=""
src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg" border="0" /></a

This is doing nothing. It's not even HTML!!!! So, you can take this whole thing out.

Anyway, if you want to change the image size, you can do something like this
<img src="http://i118.photobucket.com/albums/o108/rsg83_2006/Running-Fitness-Group.jpg" width="200" height="400" />

That will change the image size and will not make it a link. Keep in mind though, that it does not actually change the image size, it only changes the size of how the image is displayed. In other words, you're still loading the same amount of information to your client's browser. If you want to make your load time faster for your pages, you'll actually need to physically resize your image.
I was laughing at the
Quote:
Ok...this is a kind of weird scripting....
That was something I found along the way SO when someone clicked on a pic on my blog it opened up to a larger size in another browser...

THANK You for you input, I will resize the images so it will load faster but If I need to tweak it up just a tiny bit I will add the width="200" height="400" /> part

Thanks again, Good news is I am a fast learner ! So I won't drive this forum too nuts - haha
__________________
I am here to GET the facts BEFORE I Build my Site...Thanks

I am training for TWO 100 mile running events in 2008

MY training/running & other fun stuff blog here

Last edited by BobG; 02-02-2008 at 05:49 PM.
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -6. The time now is 07:15 AM.



WB Sponsors

Profit Lance Review

affiliate network

Work At Home Jobs

Expert PPC Coaching



 Subscribe to the Website Babble Feeds

2 Create a Website Homepage | 2 Create a Website Blog


Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0