Go Back   PCMech Forums > Help & Discussion > Web Design / Development

Need Some Help? Type Your Keywords Here:

Reply
 
LinkBack Thread Tools Search this Thread Rate Thread Display Modes
Old 04-21-2004, 06:48 PM   #1
Member (4 bit)
 
Join Date: Aug 2003
Posts: 13
HTML question

Being relatively new to the HTML game, I have a question IRT image placement in a document.
I have 2 jpegs that I am trying to place side by side, inbetween paragraphs, like so:

paragraph paragraph
paragraph paragraph

jpeg1 jpeg2 <--would like side by side centered

paragraph paragraph

The best I can get so far is jpeg1 on the far left margin and then jpeg2 right below it:


paragraph paragraph

jpeg1

jpeg2

paragraph paragraph

This is using the img src tag, but im not sure what the proper tag is for getting these 2 pics centered and side by side. Any ideas???
DarkRunner is offline   Reply With Quote
Old 04-21-2004, 07:03 PM   #2
Barefoot on the Moon!
Staff
Premium Member
 
Force Flow's Avatar
 
Join Date: Aug 2002
Location: Northeastern USA
Posts: 13,385
What are the pixel sizes of the images?
__________________
There are two secrets to staying young, being happy, and achieving success. You have to laugh and find humor every day, and you have to have a dream.
Force Flow is offline   Reply With Quote
Old 04-21-2004, 07:15 PM   #3
Member (4 bit)
 
Join Date: Aug 2003
Posts: 13
the starting sizes of the pics are:

194 x 277

and

201 x 431

the bigger one will be cropped when ready so it roughly matches the smaller one.....

just didnt know how to get them side by side and roughly centered on the page....
DarkRunner is offline   Reply With Quote
Old 04-21-2004, 07:28 PM   #4
Moderator
Staff
Premium Member
 
Join Date: Aug 2003
Location: Richmond, VA
Posts: 7,835
First, you would have all the normal headers (like head and html). The things in parenthesis are commments - not part of the syntax.
PHP Code:
<p>Paragraph... (contents of paragraph)</p>(or replace <b>
<
center>contents</centerwith <p align="center>contents</p>)<center>
<img src="
jpeg1.jpg" width="(amt of pixels)" height="(amt of pixels)">
 <img src="
jpeg2.jpg" width="(amt of pixels)" height="(amt of pixels)"> </center>
<p>Paragraph</p><p>Paragraph</p> 
That is the side by side ones - the ones you had a problem centering.

Hope that helps,
kram
__________________
"For today, goodbye. For tomorrow, good luck. And forever, Go Blue!"
University of Michigan President Mary Sue Coleman
kram 2.0 is offline   Reply With Quote
Old 04-21-2004, 08:36 PM   #5
Member (4 bit)
 
Join Date: Aug 2003
Posts: 13
Yes that got me on the right track, thanks. I used the HSPACE tag in the IMG SRC tag to center the 2 photos evenly. Now im trying to figure out how to get a name under each photo.

I have an embedded CSS that sets the format for text on the page, so im not sure how to get around that to get a name directly under each photo.....


Like so:

=======


photo


=======
NAME
DarkRunner is offline   Reply With Quote
Old 04-23-2004, 10:25 PM   #6
Member (7 bit)
 
Join Date: Sep 2003
Location: Edmonton, Alberta, Canada
Posts: 105
I would try using a table. Make it 2 cells wide by two high. Put Pic1 in the first, 2 in the second, pic1 description in three, pic2 description in the fourth. If this doesn't make sense, let me know and I can post the code.

AJ
Urban Earth is offline   Reply With Quote
Reply

Bookmarks

Still Need Help? Type Your Keywords Here:


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Rate This Thread:

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 On
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -5. The time now is 12:53 AM.
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
SEO by vBSEO 3.6.0 PL2