Advertising | Free Advertising | File Host | Credit Cards | Auto Loans
HTML question [Archive] - PCMech Forums

PDA

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