CSS problem (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message


KayleighOcean -> CSS problem (5/31/2006 4:57:44)

For reference, my site's current URL is http://mcflyontour.co.uk/oceans

I currently use an external SS on all pages, the content of my current SS is as follows:

BODY{background-color:#FFFFFF; color:#CC0099; font-family:serif; font-size:small; font-weight:lighter; }
FONT{color:#CC0099; font-size:small; font-family:serif; background-color:#CCCCCC; font-weight:lighter; text-decoration:none; }
DIV{ border-color:#CC0099; border-style:dotted; border-width:thin; }
SPAN{ border-color:#CC0099; border-style:dotted; border-width:thin; }
A{color:#CC0099; text-decoration:underline; }
A:Visited{color:#6666FF; text-decoration:line-through; }
A:Hover{color:#990099; }
INPUT{font-family:monospace; font-size:medium; color:#99CCFF; border-style:double; border-width:medium; border-color:#6699FF;}
SELECT{font-family:monospace; font-size:medium; border-color:#FFFFFF; }
OPTION{font-family:monospace; font-size:medium; border-color:#6699FF; }
TEXTAREA{font-family:monospace; font-size:medium; border-color:#6699FF; }
H1{color:#CC0099; background-color:#CCCCCC; font-size:large; font-family:serif; font-weight:bolder; text-decoration:underline; }

The main content of the site is located in an iframe within the index page. When it's set up, hopefully a user can 'change their charcter' so that the banner changes, as does the colour of text etc on all pages where the external css file is used.

If I were to use the changable banner as a background image would it be possible to achieve this so as it only shows on the index page - and not on all the other pages where the SS is used within the iframe.

I dabled with the idea of using a seperate set of CSSs for the index page, but then when a user changes the SS, the text colours etc in the iframe wouldn't change would they?

I hope someone understands me Confused I only semi-understand myself, but that's the story of my life.




markhawker -> RE: CSS problem (6/5/2006 8:44:10)

I do kinda see what you mean! In which case, I think since the IFRAME is in a DIV you could prefix each CSS entry with the id of the DIV i.e. <div id="main"> then in the CSS div.main p { color: #000; } which might work. I think you're on the right tracks with having a SS for each character which would override the main SS. This should be easily achievable with a bit of JavaScript.

HTH,




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625