PDA

View Full Version : Images side by side vB4


marcopolo
01-02-2011, 09:42 AM
I use this imagecode to place pictures on my cms homepage, is there a way to position them side-by-side?

<center><A HREF="..//DBoftheMonth/Billygoat-Pro.jpg" target="_blank" title="Diamond Back of the Month for November 2010 - Pro (Survivor)"><IMG HEIGHT=150WIDTH=200 SRC="..//DBoftheMonth/Billygoat-Pro.jpg"></A>

<center><A HREF="..//DBoftheMonth/Billygoat-Pro.jpg" target="_blank" title="Diamond Back of the Month for November 2010 - Pro (Survivor)"><IMG HEIGHT=150WIDTH=200 SRC="..//DBoftheMonth/Billygoat-Pro.jpg"></A>

Thanks

BirdOPrey5
01-02-2011, 04:16 PM
If the area they are going to is wide enough they should be next to each other by default.

However you use <center> twice, but three issues with this: 1) You shouldn't use <center> anymore it's depreciated... you use <div align="center"> now and end with </div>. 2) Even if you were to use <center> you would only use it once... 3) You didn't close the <center> tags with </center>.

I would try this code first:


<div align="center">
<A HREF="..//DBoftheMonth/Billygoat-Pro.jpg" target="_blank" title="Diamond Back of the Month for November 2010 - Pro (Survivor)"><IMG HEIGHT=150WIDTH=200 SRC="..//DBoftheMonth/Billygoat-Pro.jpg"></A><A HREF="..//DBoftheMonth/Billygoat-Pro.jpg" target="_blank" title="Diamond Back of the Month for November 2010 - Pro (Survivor)"><IMG HEIGHT=150WIDTH=200 SRC="..//DBoftheMonth/Billygoat-Pro.jpg"></A>
</div>


And see if that works.

marcopolo
01-03-2011, 08:38 AM
Thanks Joe, worked a treat. Would there be anyway to place the target image into a frame or in the centre of a vB4 page so it's not just an image on a blank page. On my old website I used to target to a HTML page and just edit the image link?

BirdOPrey5
01-03-2011, 12:44 PM
The easiest option would probably be to install an "image resizer" mod, one example is here: https://vborg.vbsupport.ru/showthread.php?t=237650 but there are others if you search fo it.

If you want to "pop up" into a frame there some tutorials on the web, such as here: http://www.htmlcodetutorial.com/linking/linking_famsupp_70.html

marcopolo
01-04-2011, 05:49 PM
Thanks again Joe, I tried the image resizer above which works well with links, though not with img src, etc or div (from testing) but I guess you can't have everything.