css not working in include (Full Version)

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



Message

jrrnow -> css not working in include (6/11/2003 6:22:11)

I have a css that I' m using on all my pages.

quote:

body { font-family: Arial; font-size: 10pt; color:#000000; list-style-type:disc }
A:link {color: #660000; text-decoration: none}
A:visited {color:#660000; text-decoration:none}
A:hover {color: #666666; text-decoration:underline}
background-color: white


Why doesn' t it work in my footer include? the page is http://www.wetclaywebdesign.com/index2.htm

thanks



abbeyvet -> RE: css not working in include (6/11/2003 6:48:49)

You mean the bit that says " Disclaimer" and " Privacy Policy" ?

It does work.

However because the link colors do not show up well on the background color of that part of the page, it would be an idea to use a class for them.

This you could do by adding this to your stylesheet something like this:

a.footer:link {color:#ffffff; text decoration:none;}
a.footer:hover {color:#ffffff; text decoration:underline;}
a.footer:visited {color:#ffffff; text decoration:none;}
a.footer:active {color:#ffffff; text decoration:underline;}

Then editing the HTML of the links there to read:

<a class=" footer" target=" _blank" href=" popups/disclaimer.htm" >Disclaimer</a>



jrrnow -> RE: css not working in include (6/11/2003 7:43:06)

I have tried to do what you said.

I put the css in mine and then try to do the hyper link and it won' t let me.

I hightlight the text and then hit the hyperlink button on the toolbar. Then go to " target frame" because I want this to open in a pop up. Enter what you suggested and click ok. But it still wants an address before I can close the box. If I put an address, it negates the target frame, correct?

Help



abbeyvet -> RE: css not working in include (6/11/2003 8:00:28)

You need to edit this in your HTML.

Find where it has:

<a target=" _blank" href=" popups/disclaimer.htm" >Disclaimer</a>

And add in class=" footer"

to get

<a class=" footer" target=" _blank" href=" popups/disclaimer.htm" >Disclaimer</a>


You cannot do it by right clicking and doing anything in Hyperlink Properties - its a style, not a hyperlink property.

quote:

Then go to " target frame" because I want this to open in a pop up.


It is not opening in a pop up - target=" _blank" opens the link in a new window. If you want a pop up you are going to need to use JavaScript.



jrrnow -> RE: css not working in include (6/12/2003 12:57:05)

ok, now it is really screwed up.

I want the footer text to be all white 8pt arial with the disclaimer and privacy statement hyperlinks to underline on hover. When clicked, I want a pop up to open exactly like I have on my getting started form page at the bottom with the disclaimer and privacy statement. But now it only gives me an " error on page" message at the bottom left corner of my IE window. This is strange because when I save the pages and hit " preview in browser" the pop ups work fine. They just don' t work on the internet.

here is the page that has them working fine. http://www.wetclaywebdesign.com/getting_started.htm

The font color is not working with my css either. It' s weird because in FP it works in normal view (the color) but when I preview in browser or publish it doesn' t work. I want the color/font/size to be like the the main content on every other page. The other pages still have the formating I did by hand (ie, highlight and then bold, color, etc. that is why they are still the correct color/size etc.)

Here is my css for the entire site.

quote:

body { font-family: Arial; font-size: 9pt; color:#666666; list-style-type:disc; background-color: white;}
A:link {color: #660000; text-decoration: none}
A:visited {color:#660000; text-decoration:none}
A:hover {color: #666666; text-decoration:underline}


To try to remedy the footer issue I attempted to add a second css and link it to only the footer page. Here is that css.

quote:

body { font-family: Arial; font-size: 8pt; color:#FFFFFF; list-style-type:disc; background-color: white;}
A:link {color: #FFFFFF; text-decoration: none}
A:visited {color:#FFFFFF; text-decoration:none}
A:hover {color: #FFFFFF; text-decoration:underline}


That did not work either. and that one didn' t even work in FP so I removed that link to that css.

I dont' know what else I can say to explain this better.

thanks for the help
jim



abbeyvet -> RE: css not working in include (6/12/2003 13:15:32)

You do not need a second CSS - you just need to add a different class.

so, for the style you want the footer links to appear in ADD something like this to you EXISTING stylesheet:

a.footer:link {color:#ffffff; text decoration:none;}
a.footer:hover {color:#ffffff; text decoration:underline;}
a.footer:visited {color:#ffffff; text decoration:none;}
a.footer:active {color:#ffffff; text decoration:underline;}

You have now created a class of link called ' footer'

Now where you want that class to be used, find the link in the HTML and edit it. So, this:

<a href=" page.html" >Link text</a>

would become

<a class=" footer" href=" page.html" >Link Text</a>


This is really a complete repeat of my initial answer - and it DOES work and IS correct but you need to edit it in the HTML.



jrrnow -> RE: css not working in include (6/12/2003 13:39:51)

I guess it would work if I wanted a new window. But I don' t want a new window, I want a pop up window. So should I still add the class even though it is needs to go to a pop up?

So that will not work as far as I know (which we have already established that I know nothing when it comes to css). Pop ups need a javascript correct? As you had said previously.

Another thing, are you saying that the font color is a light grey for the main content on the homepage (index2.htm) or is it black? It' s black here. I want it to be light grey. And I want the footer text color to be white with the hyperlink to the pop ups to underline on hover.

Did you look at the page and pop ups that are working???

All' s I want to do is duplicate that they open to pop ups.

If all this does work, my computer must be possessed. Cause it doesn' t work here.



jrrnow -> RE: css not working in include (6/12/2003 20:06:49)

it' s working now, don' t know if I did it right but it' s working.

Thanks for all the help katherine.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.140625