View Full Version : HTML question
DarkRunner
04-21-2004, 07:48 PM
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???
Force Flow
04-21-2004, 08:03 PM
What are the pixel sizes of the images?
DarkRunner
04-21-2004, 08:15 PM
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....
kram 2.0
04-21-2004, 08:28 PM
First, you would have all the normal headers (like head and html). The things in parenthesis are commments - not part of the syntax.
<p>Paragraph... (contents of paragraph)</p><br>(or replace <b>
<center>contents</center> with <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
DarkRunner
04-21-2004, 09:36 PM
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.....:confused:
Like so:
=======
photo
=======
NAME
Urban Earth
04-23-2004, 11:25 PM
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
vBulletin® v3.7.0, Copyright ©2000-2008, Jelsoft Enterprises Ltd.