HTML/Joomla help please

Byker28i

Byker28i

Messages
21,339
Edit My Images
Yes
I'm slowly writing myself a website, based on Joomla 1.5, party for the finished product, partly for the exercise of learning a cms based website.

So a simple bit of HTML I thought. I'll put a few images up, with links to the relevant page. I've created a new article, added the html and it's not quite what I expected.

I'm getting a thin white border around the cells and the image isn't centralising.

Anyone tell me what I'm doing wrong?


the code is:

<h3>Click on the images below to access the sub categories, or select from the Gallary menu above</h3>
<table border="0">
<tbody>
<tr>
<td width="300" align="center" valign="top"><a href="index.php?option=com_content&amp;view=article&amp;id=51&amp;Itemid=59"><img class="caption" src="images/thumbs/bmwplt.jpg" border="0" alt="vehicles link" title="Vehicles"

onmouseout="this.src='/images/thumbs/bmwplt.jpg';" /></a></td>
<td width="300" align="center" valign="top"><a href="index.php?option=com_content&amp;view=article&amp;id=49&amp;Itemid=55"><img class="caption" src="images/landscapes/gowerplt.jpg" border="0" alt="landscapes link"

title="Landscapes" onmouseout="this.src='/images/landscapes/gowerplt.jpg';" /></a></td>
</tr>
<tr>
<td width="300" align="center" valign="top"><a href="index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=60"><img class="caption" src="images/events/events3plt.jpg" border="0" alt="events link" title="Events"

onmouseout="this.src='images/events/events3plt.jpg';" /></a></td>
<td width="300" align="center" valign="top"><a href="index.php?option=com_content&amp;view=article&amp;id=53&amp;Itemid=61"><img class="caption" src="images/thumbs/frth-4.jpg" border="0" alt="events link" title="Artwork"

onmouseout="this.src='/images/thumbs/frth-4.jpg';" /></a></td>
</tr>
<tr>
<td width="300" align="center" valign="top"><a href="index.php?option=com_content&amp;view=article&amp;id=50&amp;Itemid=58"><img class="caption" src="images/portraits/p1t.jpg" border="0" alt="portraits link"

title="Portraits" onmouseout="this.src='images/portraits/p1t.jpg';" /></a></td>
</tr>
</tbody>
</table>

which ends up looking like:
http://www.nineelmsphotography.com/index.php?option=com_content&view=article&id=48&Itemid=54
 
:agree:

used it a while back and it worked pretty good.
 
Well, I've got the simple image gallery plugin working fine, and I quite like it. Very fast to bring up images. Not sure I need Gallery2,but I'll look at it
 
Karlos said:
open up template.css and goto line line 961, then comment out or remove

"text-align: left;" and "border:1px solid #595959;"
Click to expand...

ohhhhh good spot! must remember to use firebug more often!
 
matty said:
if you want the challenge of doing it yourself...

<table border="0">

take the 0 out and try it? you might need to try this: http://forums.mozillazine.org/viewtopic.php?f=25&t=853105 to get the images centered. Gallery2 is a copout, loads of galleries on joomla that you can use.
Click to expand...

Took the 0 out, joomla put it back in again. Took the whole border=0 out and it got put back in again.

I might just change it to just the one gallery with the latest changes ;)
 
NextGen gallery is very good
 
Shopping cart is later for me. I'll be happy to get this up and working for now :)
 
GAAARGGHH!
don't change the CSS file, you don't know what else will change as a result. Override the theme css by either creating your own CSS file or overriding with css in your own tag, in this case in the td tag.

(untested code)

<td style="text-align: center; border: none;" width="300" valign="top">
 
matty said:
Gallery2 is a copout, loads of galleries on joomla that you can use.
Click to expand...
I see your point entirely. However it's a pretty good cop-out. The combination using gallery remote, permission based albums, and the e-commerce module does tick a lot of boxes

When push comes to shove, what more does a photographer selling images need? A CMS with a system that lets you upload 1000's of images en-masse from your desktop, price them and sort all the thumbnails on the way in, and then control who can see them, and present them in a pretty decent way

Im not promoting it as the best or only system, It is just a system that does a lot for next to nothing
 
Try creating a blank table with no links inside...
If the border is still white, take a backup of your .css file and try modifiying that..

Your website code says <div class="art-article">, so look for code defining this class...

:thumbs:
 
has anyone got any examples of gallery 2 that dont lokk like..gallery2? there are a few shop modules for joomla, and a few templates specifically for photography, joomlart do some really good ones.
 
overrides are the best solution with joomla-based sites because they are easier to carry forward when there is an update to the core modules
 
kimaldis said:
GAAARGGHH!
don't change the CSS file, you don't know what else will change as a result. Override the theme css by either creating your own CSS file or overriding with css in your own tag, in this case in the td tag.

(untested code)

<td style="text-align: center; border: none;" width="300" valign="top">
Click to expand...

Top man - this works a treat.

P.S. This is all the fault of the "so you want a website" thread. ;)
Big learning curve for me.
 
sitemaster said:
overrides are the best solution with joomla-based sites because they are easier to carry forward when there is an update to the core modules
Click to expand...

Cool, nice to remember. The template is one I made myself by using a template design package, seeing what it did, then ripping out the bits I thought I needed and modifying it by hand till it looked the way I wanted. I guess there's a lot of junk left over.
 
You must log in or register to reply here.
Back
Top