This Message Forum is no longer in use

Please use the new Bravenet Help Forums FOUND HERE

General Forum
This Forum is Locked
Author
Comment
View Entire Thread
Re: Photo Positioning

Hi Philo

Could I trouble you once more. I've done a test page with the new CSS
http://www.blackhorsekawasaki.com/testindex.html
and I am trying to get the link colours round the photo boxes (the green hover) to behave like this page http://www.blackhorsekawasaki.com/index.html

Where on the CSS do I change this?
Thank-you

Browser: Firefox, IE7

Re: Photo Positioning

The CSS for the image borders from http://www.blackhorsekawasaki.com/index.html is:

Code:

.contentContainer a img {
border:2px solid #00FF00;
}
.contentContainer a:hover img, a:active img {
border:2px solid #000000;
}


For your new page, you need to make it look like this
Code:

#leftcolumn a img {
border:2px solid #00FF00;
}
#leftcolumn a:hover img, a:active img {
border:2px solid #000000;
}


If you add the second piece of code to the stylesheet it should work fine.
Hope that helps.

Re: Photo Positioning

That's great thanks Courtnie. How do I change the link colours of the photos etc in the main content area. The 3 near the bottom plus the guestbook and contact details?
Thanks

Browser: Firefox, IE7

Re: Photo Positioning

Yes, Courtnie's suggestion is only for the left column. The class ".innertube" is used for both the left column and the content column. So if you change Courtnie's suggestion to the one below, it should work in both areas.

Code:
.innertube a img {
border:2px solid #00FF00;
}
.innertube a:hover img, a:active img {
border:2px solid #000000;
}

Browser: Firefox, Netscape, Sea Monkey, Internet Explorer, .....

OS: Solaris (Sparc,x86), Linux, XP

Re: Photo Positioning

Thank-you so much Philo and Courtnie, much appreciated.
The page looks as I wished, it's slightly better in Firefox as the main content items are spaced slightly away from the left columns but both are fine. Although whether it's just my monitor but I'm getting some weird looking light green specks down the right hand side of the page near the scroll bar in Firefox
Thanks again
Stephen

Browser: Firefox, IE7