Trying to line images up on a block

[Josh555]

Link to my site: http://www.icedragons.co.cc
SMF version: SMF ver. 1.1.8
TP version: TP ver. 1 beta 3
Theme name and version: Endless_mc by Crip
Mods installed: TP, Custom profile field mod.
Related Error messages: none

Not sure exactly what I'm looking for, just know what I want.

1st attachment) this is a voting box i set up so people could vote for my site on top sites. As you see the images go straight down.

2nd attachment) How can i make the boxes line up, as demonstrated in this attachment? (this was made by me in paint, not on a site)

Thanks to anyone who can help

P.S: Sorry if this is in the wrong section, was unsure of where to put this as it isn't a TP problem, i'm just wondering if I need a code snippet for it, or some sort of html, or if i'ts not possible.

[ZarPrime]

Josh,

You want 1 of each image or 4 of each image?  Post the code you're using here in code tags and we'll see if we can fix you up.

ZarPrime

[Josh555]

I only want 1 of each, but when i get more, i want to be able to line them up as shown in the 2nd attachment

Basically I want the images to show left to right instead of top to bottom.

Code Select Expand

Click on any of the images below to vote for us on RuneScape top site sites!
<a href="http://www.runescape100.com/">
<img src="http://www.runescape100.com/button.php?u=Joshzzz" alt="Runescape 100" border="0" />
</a><br><a href="http://www.runescapetopsites.info/index.php?do=votes&id=174"><img border="0" src="http://www.runescapetopsites.info/tracker.php?do=in&id=174" alt="Runescape Top Sites" /></a><br><a href="http://runescape.extreme-gamerz.org/" target="_blank">
<img src="http://icedragons.co.cc/extraz/vote.jpg" alt="Runescape" border="0" />
</a><br><a href="http://www.gamesites200.com/runescape/in.php?id=1762"><img src="http://i277.photobucket.com/albums/kk51/jssmiles/vote-1.gif" alt="Vote on the RuneScape Top 200" border="0"></a><br>


[JPDeni]

You have line breaks between your images. That will put them on different lines. Take out the

Code Select Expand


<br>


and replace them with a space.

[ZarPrime]

Try this ...

Code Select Expand

<center>Click on any of the images below to vote for us on RuneScape top site sites!<br>
<a href="http://www.runescape100.com/">
<img src="http://www.runescape100.com/button.php?u=Joshzzz" alt="Runescape 100" border="0" />
</a><a href="http://www.runescapetopsites.info/index.php?do=votes&id=174"><img border="0" src="http://www.runescapetopsites.info/tracker.php?do=in&id=174" alt="Runescape Top Sites" /></a><a href="http://runescape.extreme-gamerz.org/" target="_blank">
<img src="http://icedragons.co.cc/extraz/vote.jpg" alt="Runescape" border="0" />
</a><a href="http://www.gamesites200.com/runescape/in.php?id=1762"><img src="http://i277.photobucket.com/albums/kk51/jssmiles/vote-1.gif" alt="Vote on the RuneScape Top 200" border="0"></a></center>

The center tags center the whole thing in the block.  Does this work?

ZarPrime

Edit:  Oh, yeah, and put a space between them, as JPDeni says.

[Josh555]

putting spaces didnt work, and all centering did was make them go from top to bottom but in the middle :/ I may try bbc code see if that works

[ZarPrime]

Did you remove the br tags after each image?  Those tags are why each image is being placed on a different line.

ZP

[Josh555]

yes i did.

guys my site isnt loading for me. this is what it says on firefox error consol (wont load for me on IE either)

See attachment

Edit: Fixed the error, and got the images to line up using bbc code

[ZarPrime]

Josh

Solved then?

ZP

[Josh555]

Yes, thanks