Shoutbox

could someone tell me whats wrong with this my links arnt coloring to the color i want them to. the background and text part works but i am brand new with css so could someoen tell me what i did wrong?

code:

---

body {
           background: #001b2b;
           color: #80c0c0;
           font: Verdana;
           font-size: 1;
           }
       a:hover {color: #80c0c0; text-decoration:underline}
       a:link { color: ##ff0000 }
       a:visited { color: #ff0000 }
       a:active { color: #ff0000 }

---

body {
           background: #001b2b;
           color: #80c0c0;
           font: Verdana;
           font-size: 1;
         }
           a:hover {color: #80c0c0; text-decoration:underline;}
           a:link { color: ##ff0000; }
           a:visited { color: #ff0000; }
           a:active { color: #ff0000; }

Blah, I hate CSS Styles...They're used on my new blogging site, and they're so stupid, i'd rather have everything just in HTML format and together than in a CSS Style

quote:

---

Originally posted by Dane
Blah, I hate CSS Styles...They're used on my new blogging site, and they're so stupid, i'd rather have everything just in HTML format and together than in a CSS Style

---

Nice offtopic comment there Dane

Anyway, you don't seem to catch the idea of CSS. Not only it lets you do much more things than simple html <font> and similar tags, it lets you do things like separating presentation from content, doing a complete website redesign by just changing ONE file, having real time switching skins for your website, automatically styling the same html for different media (desktop web browser, print, cellphones, PDAs, etc.) and much more.

Blah.

a:link { color: #ff0000; } is surely better. In fact, you can write that colour in shorthand as a:link { color: #f00; }

Also I would say that only using Verdana as a font is possibly a bad idea. I know Verdana is a cross platform font, but you should include a font family just in case.

Also you need to specify units for the font size really. Commonly used is pixels, but you can use % or ems values. Google them to find out what they mean. Sorry for trying to complicate your CSS

And to Dane, oh boy... CSS is a pain the backside at times, but it's a really great way to make consistent styles. Before you say templates do the same thing, CSS allows you to have multiple styles. In fact what is what I have done on my site. Check it out here. Created using valid XHTML 1.1, pure CSS layout and I even have 3 styles (to switch styles, use something like Firefox or similar. I can use javascript to do it in IE, but I feel like punishing IE users )

I also need help. I want certain borders to have the attribute bordercolor=black and I want it in css.

To my understanding, it should be:

code:

---

.double{bordercolor=black} in the css doc
and
class="double" in the table to call it

---

but it doesn't work for some reason. Any ideas why??

Edit: Also, in firefox (not sure about others), some of my css doesn't work :/ My links and scrollbar are supposed to view like this code:

code:

---

/* style for background */
BODY {
scrollbar-face-color: #000088;
scrollbar-shadow-color: #0000cc;
scrollbar-highlight-color: #0000ee;
scrollbar-3dlight-color: #0000ff;
scrollbar-track-color: #6699ff;
scrollbar-arrow-color: #000000;}
}

/* style to color links */
A {
text-decoration : none;
color : yellow;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
}

---

but they dont. Any ideas??

The CSS Stylesheet for Internet Explorer wont always work on Mozilla. They both use different viewing engines when it comes to CSS.

Take a look at this website for CSS Development on a Mozilla based browser.
http://www.mozilla.org/catalog/web-developer/css/

ok, but I can't seem to find out how to make it work. Can you repost the code to make it work please?? Much thanks.

I also need help with this: I want certain borders to have the attribute bordercolor=black and I want it in css.

To my understanding, it should be: .double{bordercolor=black} in the css doc and class="double" in the table to call it but it doesn't work for some reason. Any ideas why??

quote:

---

Originally posted by king_of_cool_kids
To my understanding, it should be:

code:

---

.double{bordercolor=black} in the css doc
and
class="double" in the table to call it

---

but it doesn't work for some reason. Any ideas why??

---

It should be .double{border-color:black}

quote:

---

Originally posted by king_of_cool_kids

code:

---

/* style for background */
BODY {
scrollbar-face-color: #000088;
scrollbar-shadow-color: #0000cc;
scrollbar-highlight-color: #0000ee;
scrollbar-3dlight-color: #0000ff;
scrollbar-track-color: #6699ff;
scrollbar-arrow-color: #000000;}
}

/* style to color links */
A {
text-decoration : none;
color : yellow;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
}

---

but they dont. Any ideas??

---

Scroll bar styles are not defined in CSS2/2.1/3. It is IE itself which supports the school bar coloring on its own. Mozilla, indeed, does not support it.

As for the A tag, It's always better to define
A:link, A:visited, A:hover{
blahblahblah
}

(Some say that A:active and A:focus are also needed, but I don't think they make differences )

Thanks Mnjul. .double{border-color:black} works.

Stink about the scrollbar

And fianally, is it supposed to be:

code:

---

/* style to color links */
A:link, A:visited, A:hover{
text-decoration : none;
color : yellow;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
}

---

cause i isn't working.