SitePoint Sponsor |
|
User Tag List
Results 1 to 11 of 11
Thread: odd problem with CSS
-
Jun 25, 2000, 17:34 #1
- Join Date
- Jun 2000
- Location
- montreal, quebec, canada
- Posts
- 59
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
i'm using just a small snippet of CSS on my pages, but for some reason the code i use on my index page (which works fine) does not work at all on other pages although the code is identical. the code i'm using is:
<style type="text/css">
<!--
body {background-attachment:fixed}
A:link{color:333333; text-decoration: none;}
a:hover{color:cc3333; text-decoration: none;}
-->
</style>
anyone with any ideas why this is happening? thanks all.
-
Jun 25, 2000, 19:53 #2
- Join Date
- Aug 1999
- Location
- Pittsburgh, PA, USA
- Posts
- 3,910
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
That's very odd...are you sure it's in the same place as well? Do your other pages use code that might over-ride it?
I'd try just linking to an external css file and see what happens...might clear up this odd problem.
------------------
Chris Bowyer
MyCoding.com: Join our mailing list for launch notification!
"I'm not an insomniac, I'm a web designer."
-
Jun 26, 2000, 06:20 #3
- Join Date
- Jun 2000
- Location
- montreal, quebec, canada
- Posts
- 59
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
i have a short tutorial that says that linking to anxternal file is possible, but doesn't tell me how. anyone feel like spelling that out for me?
much appreciated, and thanks commish.
-
Jun 26, 2000, 06:49 #4
- Join Date
- Mar 2000
- Location
- nevada, usa
- Posts
- 636
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
put this line within your <head> section:
<link rel="stylesheet" href="yourfile.css">
-
Jun 26, 2000, 07:14 #5
- Join Date
- Jun 2000
- Location
- montreal, quebec, canada
- Posts
- 59
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
thanks cow, will do.
-
Jun 26, 2000, 07:45 #6
- Join Date
- Jun 2000
- Location
- montreal, quebec, canada
- Posts
- 59
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
now that i've linked to the css file, the main page still works fine, but on subsequent pages the link colour is affected, but the underline is still there even though i specefied no decoration. could it have anything to do with the fact that the links are named anchors on the same page, or should that make no difference? thanks again all.
-
Jun 26, 2000, 09:25 #7
- Join Date
- May 2000
- Posts
- 229
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Can you put up a link to the site?
-
Jun 27, 2000, 05:31 #8
- Join Date
- Jun 2000
- Location
- WA
- Posts
- 73
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
tinyitn-
I believe that the # is required for hex color declarations, so #333333 vice 333333 would be proper.
Hard to say why it works on one page and not the others without seeing the site.
Bimjo
-
Jun 27, 2000, 05:39 #9
- Join Date
- Jun 2000
- Location
- montreal, quebec, canada
- Posts
- 59
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
the page address that works is: http://tinytin.com/test.htm
(no decoration, and colour correct).
the page which is improper is: http://tinytin.com/ttdi/geninfo.htm
(colour correct, but links underlined).
for those that are helping, thanks much, but don't try to navigate, the pages are still being redesigned and therefore links are down.
-
Jun 27, 2000, 06:13 #10
- Join Date
- Aug 1999
- Location
- Pittsburgh, PA, USA
- Posts
- 3,910
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Here's the code you have now on each page:
<BLOCKQUOTE><font size="1" face="Verdana, Arial">code/font><HR><pre>
<style type="text/css">
<!--
body {background-attachment:fixed}
body {background-image:http://www.tinytin.com/ttdi/images/bgpage.gif}
A:link{color:333333; text-decoration: none;}
a:hover{color:cc3333; text-decoration: none;}
-->
</style>
[/code]
Try changing it to this:
<BLOCKQUOTE><font size="1" face="Verdana, Arial">code/font><HR><pre>
<style type="text/css">
<!--
body {background-attachment:fixed}
body {background-image:http://www.tinytin.com/ttdi/images/bgpage.gif}
A:link{color:333333; text-decoration: none;}
a:hover{color:cc3333; text-decoration: none;}
A:visited{color:333333; text-decoration: none;}
A:visited:hover{color:cc3333; text-decoration: none;}
-->
</style>
[/code]
That ought to do it...let me know if it works.
------------------
Chris Bowyer
MyCoding.com: Join our mailing list for launch notification!
"I'm not an insomniac, I'm a web designer."
-
Jun 27, 2000, 08:19 #11
- Join Date
- Jun 2000
- Location
- montreal, quebec, canada
- Posts
- 59
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
commish, you are, (in the parlance of the generation after me), "da bomb". your additional coding worked exactly as i wanted. could you possibly explain why though? in any case, thank you supremely for the help. yet another example of why SitePoint rules!
Bookmarks