Image alignment problems |
Image alignment problems |
Reg06 |
May 1 2012, 10:26 AM
Post
#1
|
Group: Members Posts: 2 Joined: 1-May 12 Member No.: 17,017 |
Hopefully this is a quick question. Maybe it isn't. I'm learning this as I go.
Anyways, I have this page here with a bunch of banners. Unfortunately the top row of banners refuses to line up horizontally. I tried changing the alignment around, and the order of the banners. If it helps, here's a sample block of html code I'm using: <a href="http://www.dndweekly.com/"><img class="size-full wp-image-1119 alignright" title="Banner DnD Weekly" src="http://goinglast.net/wp-content/uploads/2012/04/Banner-DnD-Weekly.png" alt="" width="120" height="60" /></a> I used the same initial block, and modified it for each banner, in order to ensure I didn't forget a quotation mark or slash (or some such). Any ideas about what is causing the alignment issue? |
pandy |
May 1 2012, 10:46 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
You left out what you have between the image links. The BR tags cause the staircase effect.
|
Darin McGrew |
May 1 2012, 10:46 AM
Post
#3
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
You also have <br> tags between the images, and you float the images to the left. The <br> tags push each image down one line from the previous one.
|
Reg06 |
May 2 2012, 01:42 AM
Post
#4
|
Group: Members Posts: 2 Joined: 1-May 12 Member No.: 17,017 |
I'm using Word Press, and I didn't know the 'enter' key inserted an invisible <br>. I pulled it all together.
Thanks, so much. |
Lo-Fi Version | Time is now: 17th April 2024 - 09:06 PM |