navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Free FrontPage Templates

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

CSS problem

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> CSS problem
Page: [1]
 
KayleighOcean

 

Posts: 1
Joined: 5/31/2006
Status: offline

 
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

 

Posts: 511
Joined: 5/31/2004
From: UK
Status: offline

 
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,


_____________________________

Mark Hawker
personal - http://www.meeid.com/markhawker

(in reply to KayleighOcean)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS problem
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts