3 replies [Last post]
seanisean
Offline
Regular
UK
Last seen: 13 years 15 weeks ago
UK
Joined: 2004-12-17
Posts: 38
Points: 0

Hi all and an advance thanks to anyone providing a solution to this one...

the site is http://www.landscape-service.com/ and the problem is on the index page, at the bottom of the links section on the left there are four images like rolls which change the color scheme on the site, it appears that they get a default border rendering (being links) which I would prefer not to have. border-style: none; has no effect in the elements id, and the page won't validate as xhtml strict if I use the border="none" attr. in the tag itself... I won't be suprised if I'm overlooking some simple soloution here, on the other hand the whole seperating style and content thing is such a nightmare I'll probably have to concede what I really want for something else as it is near impossible to get any middle ground between browsers and code these days, or am I just being cynical? :?

once again advance thanks

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

removing default rendering of image link

Hi seanisean,

If you just declare img {border:none;}

it will remove all default image borders.

It is possible to find the middle ground it just frustrating at times but does get easier the more you bash away at it Smile and you do have to accept compromises at times, such is life :roll:
CSS despite the frustrations is here to stay and ultimately the way to go, it's not so much a choice as a necessity to code to "Standards" for the ultimate harmony of everything Smile

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 2 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

removing default rendering of image link

Sean - Nice site, but may I suggest that you use black body copy as the grey matches the background in places (depending upon the viewport height), effectively causing it to disappear from sight!

Life's a b*tch and then you die!

seanisean
Offline
Regular
UK
Last seen: 13 years 15 weeks ago
UK
Joined: 2004-12-17
Posts: 38
Points: 0

removing default rendering of image link

Oh my god... I knew id have missed the obvious, just declare a more global solution rather than using an local id one, there's just so many directions to go with any one thing! it's hard to see the wood for the trees sometimes... thanks a whole lot for that hugo, definitely a problem solved and on to the next nightmare Smile

Thanks for the feedback RoyTheBoy, always good to get others thoughts. The site has only gone up two days ago, a work in progress you might say, and quite alot of things to iron out as of yet, as well as lacking alot of content and function. But I see where your coming from over the whole text and background thing, it's a kind of half attempt trying to produce a focus on a certain area of text on the screen at a time, and at the same time going for the silvery look as the text blends with the background on scroll (you know kind of a shimmering) :? , but if it turns out to be to much of a problem to produce the effect without hindering the readability I think in all likelihood it'll end up black at the back... thanks once again guys