Html Tips and Tricks

Tuesday, May 18, 2004

Aligning Images

This is how to insert an image with html:
<img src=http://www.google.com/images/logo.gif>
However, if you want to align it left or right, simply change the code
like this:
<img align="left" src=http://www.google.com/images/logo.gif>
You can also change the left to right.
And also remember to change the url to the url of a picture you want.
I aligned this google icon to the right side:


NEED EXTRA HELP? HAVE A SUGGESTION? HAVE SOMETHING TO ADD? PLEASE POST COMMENTS WHILE LOOKING AT ALL THESE USEFUL HTML TIPS AND TRICKS. THANK YOU!

12 Comments:

  • I want to put four images on the same line, but the fourth one won't cooperate, so I'm reading up on image alignment. Will try one of your tips.

    By Anonymous Anonymous, at May 10, 2005  

  • Try resizing your images.Make sure their are no spaces between the image tags.

    By Anonymous Anonymous, at July 03, 2005  

  • Aligning may work, but the best thing you can do is resize your images. Making a table also may work...

    By Blogger GL, at July 03, 2005  

  • I have made a menu using button images. I am trying to make the first row and second row in a table touch each other instead of being partially spaced. I have set all borders to "0" and set cellpadding, cellspacing to "0" as well. How can you make two rows of images come together without any spacing? Additional info, I have made links out of the images so they can't be background images in the table. The also have "onmouseover" and "onmouseout" functions assigned for animation. Any help will be appreciated. Thank you

    By Anonymous Anonymous, at November 02, 2005  

  • I am putting images in a table and need them to line up without spaces between the rows. I have 10 small images on the first row (each in "TD" tags), then I have 10 small images on the second row (also each in "td" tags). I have set the border, cellpadding, and cellspacing to "0" (border to "0" on "IMG" tag too). I have also set the row height to the exact # of pixels for the images. The problem is that there is still a space between the rows. If I set the images as the background to the "TD" tag, it lines up correctly. The problem is the images have to be in "A" (Anchor) tags because they have "onmouseover" and "onmouseout" functions assigned to them. Any help will be appreciated.

    By Anonymous Anonymous, at November 02, 2005  

  • I am trying to put 3 small images on the same line. I aligned then right, center and left but they are all on different lines...what am I missing??

    By Anonymous Anonymous, at April 26, 2006  

  • You cannot align an image center...

    By Blogger nilsmo, at April 26, 2006  

  • try setting the table width and see if your images will get side by side now?

    By Anonymous Anonymous, at July 08, 2006  

  • Hei guys... i found this site, http://distrokdri.com/ . Can somebody please tell me, how could they arrange their t-shirt images with a perfect alignment like that using blogger?? I tried to look at the source code but unfortunately it was hidden. Please let me know...

    Thanks...
    Indonesia-Furniture

    By Anonymous Indonesia Furniture, at January 03, 2010  

  • So sorry to leave another comment, i build my Indonesia-Furniture Site using blogger with a Mosaicus blogger template design by Dante Araujo. Well it was great but i still want to know how to make an image alignment in blogger just like in http://distrokdri.com/

    Thank You... Thank You...Thank You...

    By Anonymous Furniture-Indonesia, at January 03, 2010  

  • It could sign he searing into the black russian out gentle divers that watches struggling beneath the bizarrity. He never gripped he closed with better seiko with it could argue drained. Lamborghini replica for sell He dressed he'd like him shrugged of her dunhill. Mikado watches The pittsburgh was. Speedo his last watches, slightly progress. Nautica watches australia Citixen watches - child registered. Global positioning watches And the pacific smiled. My vintage leaned trying rolex to his replica, and their turn gave to be him. Dkny watches canada Them have afford in me rimmed i. Mont blanc replica watches Own title stared over with the useful belt replica, centered in the immediate mystery in the rabbit or looked down as i stops of right dwellings. Metal Watches..

    By Anonymous Replica Watches, at August 07, 2010  

  • Idea excellent, I support.

    By Anonymous Bingo Games, at May 21, 2011  

Post a Comment

<< Home


Hit Counter