HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Help With Images
Post new topic   Reply to topic    HTML Help Forum Index -> General HTML
View previous topic :: View next topic  
Author Message
arawak



Joined: 02 Nov 2004
Posts: 9

PostPosted: Tue Nov 02, 2004 2:09 pm     Help With Images Reply with quote

I am new to this forum and also new to html. I have 2 questions ....

I want to insert an image and have the text surround the image. How do I do this?

Also, I have a number of images of products that I must put on my pages. How do I get these images to load quickly on the page?

Thanks,
arawak
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8255
Location: Castle Rock CO USA

PostPosted: Tue Nov 02, 2004 2:54 pm     Reply with quote



You would need to use css to align the image, something like:
Code:
<img border="0" src="images/golf.jpg" width="175" height="115" style="float: left;">

As far as the images loading quickly - you can try to use an imaging program to reduce the size that way.
arawak



Joined: 02 Nov 2004
Posts: 9

PostPosted: Tue Nov 02, 2004 7:22 pm     Image Help Reply Reply with quote

Corey,

Thanks - your code worked just the way I wanted it to. However, the text is right next to the image. How do I create some space between the text and the image?

Thanks,
arawak
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8255
Location: Castle Rock CO USA

PostPosted: Tue Nov 02, 2004 7:37 pm     Reply with quote

Add padding. If you need padding to the left
Code:
<img border="0" src="images/golf.jpg" width="175" height="115" style="float: left;padding-left: 10px">
arawak



Joined: 02 Nov 2004
Posts: 9

PostPosted: Wed Nov 03, 2004 11:47 am     Help With Image Insertion Reply with quote

Corey,

I inserted the "padding" code just as you showed above, but it had no effect, even when I doubled the px. Is there another way to get space between the image and the text?

Thanks,
arawak
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8255
Location: Castle Rock CO USA

PostPosted: Wed Nov 03, 2004 11:49 am     Reply with quote

Do you have this page online to view?
arawak



Joined: 02 Nov 2004
Posts: 9

PostPosted: Wed Nov 03, 2004 11:56 am     Help With Inserting Images. Reply with quote

Corey,

Yes-I am sending you a PM with the URL.


Thanks,
arawak
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> General HTML All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial