Joomla Templates

I've published a banner module in the left position so it displays a square-shaped banner below the menu items, but in iE7 and Firefox it has a border around it. How can I turn the border off? I can't see where to do it in the CSS and there's nowhere in the module parameters to do it.

PS - the border doesn't show in the new Google Chrome browser!

Hey Dude can you post a link?
Banner probably just needs border:0px applied someplace.

Hi, yeah the site is www.andrewbaynham.com.

It's the CG-Lock advert below the menu's. Could also do with it centred in the coloumn as well.

Yeah, I realised it needs border='0' somewhere - but where? Somewhere in the CSS?

Hi,
Nice cars...

Try adding:

.banneritem img a {
border:0px;
}

You could also try that as one of the below but the above code is probably best:

.banneritem {
border:0px;
}

or,

img {
border:0px;
}

may also work as well.

TIP!!!

Grab the Firefox web developers toolbar - once installed you can hit CTRL-SHIFT-Y (together) and when you mouse over any element on the page it will tell you what css is influencing it.

To center we want to target the div that surrounds the banner item and give it an align:center; or text-align:center;

Try:
div .banneritem {
text-align:center;
}

Big Bear wrote:
Hi,
Nice cars...

Try adding:

.banneritem img a {
border:0px;
}

You could also try that as one of the below but the above code is probably best:

.banneritem {
border:0px;
}

or,

img {
border:0px;
}

may also work as well.

TIP!!!

Grab the Firefox web developers toolbar - once installed you can hit CTRL-SHIFT-Y (together) and when you mouse over any element on the page it will tell you what css is influencing it.

Thanks BB! Yeah we have some nice cars around... my main business is in motorsport as a driver and instructor. Andy Baynham is a freelance engineer and a friend who I've delt with for years and currently looks after the GT Porsche that my business partner owns (in the gallery on that site). We recently aquired it to use on track days - bought it off another friend of mine for £65,000 (app. $130,000), it's a genuine ex-factory Porsche GT3RS racing car that was £180,000 (app. $360,000) new in 2002.

Anyway, back to the point in question: where in the css am I adding this, anywhere, or in a specific module tag like in #left?


Big Bear wrote:
To center we want to target the div that surrounds the banner item and give it an align:center; or text-align:center;

Try:
div .banneritem {
text-align:center;
}

Will try both of these and see what happens! Cheers!

Tim

Hi Tim,

You can actually just add both fixes anywhere in the stylesheet - both those are classes so by anywhere I mean NOT within another class.

Just find a point after a closing } bracket and go for your life.

If unsure add them at the end of the stylesheet.


:side:
Dreaming of the day I'll own one of those porsches

Big Bear wrote:
Hi Tim,

You can actually just add both fixes anywhere in the stylesheet - both those are classes so by anywhere I mean NOT within another class.

Just find a point after a closing } bracket and go for your life.

If unsure add them at the end of the stylesheet.


:side:
Dreaming of the day I'll own one of those porsches

OK the first two sets of code for the border didn't work, but the last one did:

img {
border:0px;
}

The alignment...

div .banneritem {
text-align:center;
}

...worked as well! Thanks!

If you ever come over to the UK I can at least give you a go in one of our Porsche's! :)

Thx Tim, I'll take you up on that offer if/when I'm in your neighborhood. :silly: