Originally Posted by
3drom
Hi Gothinica, thanks for having a look at my CSS.
I solved the problem with the <a> selectors taking over the entire page by making them into more specific descendent selectors, as follows:
I changed
A:link {
COLOR: #FFFFFF;
TEXT-DECORATION: none;
}
to
#wrapper A:link {
COLOR: #FFFFFF;
TEXT-DECORATION: none;
}
So it only affect anchors that inside the div with the id of 'wrapper', i.e. it doesn't affect the rest of the Ebid page now.
But you're quite right - as I just discovered when setting up my Ebid auctions, the two sets of CSS (the one from Ebid, and the one from my auction) do clash, but it's fairly easy to fix the problem, just put all of your auction inside an ID called 'wrapper' (or whatever you fancy) and then if you find that a selector is causing a clash with Ebid's CSS, then you just need to do what I did above, to make it more specific, then it won't override the original Ebid CSS.
Re using inline styles when producing templates for customers, I still think external style sheets are the way to go. Couldn't you use comments to make it obvious which parts of the HTML the client should edit, like:
<!-- TITLE START -->
<h1>
Nintendo Wii
</h1>
<!-- TITLE END -->
etc. ? They'd be pretty safe as long as they only edited normal text with a space around it.
If I get time (after uploading 180 odd items today and tomorrow) I'll try to produce a simple template and put it on the message board, so anybody can use it. Then, because it will use an external style sheet, I'll make some background images for the headings, etc. so that people can choose the ones they like the most, without having to edit the auctions again.
I'll explain in more detail when I upload it all.