Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
CSS tutorials...
- Thread starter mmmdreg
- Start date
- Sort by reaction score
This online tutorial has worked for me. I'm trying to learn how to use CSS to improve my personal website.
Chaszmyr:
Cascading Style Sheets have exploded recently for several reasons:
1) Adoption by web browsers
2) Promotion by professional web designers
3) Web standards compliance
I love CSS because it lets me do away with table based layouts, and create a visually interesting webpage without using heavy graphics.
mmmdreg:
Here's what they're doing there. The are creating a style for the a:link and a:hover properties, something like this:
a:link {
color: #0000CC;
background-color: #FFFFFF;
}
a:hover {
color: #FFFFFF;
background-color: #0000CC;
}
Cascading Style Sheets have exploded recently for several reasons:
1) Adoption by web browsers
2) Promotion by professional web designers
3) Web standards compliance
I love CSS because it lets me do away with table based layouts, and create a visually interesting webpage without using heavy graphics.
mmmdreg:
Here's what they're doing there. The are creating a style for the a:link and a:hover properties, something like this:
a:link {
color: #0000CC;
background-color: #FFFFFF;
}
a:hover {
color: #FFFFFF;
background-color: #0000CC;
}
I meant how do they make that whole nav box float there? I can't see where it is covered in the prementioned tutorial
Here's the code they used:
div.banner {
margin: 0;
font-size: 90% /*smaller*/;
font-weight: bold;
line-height: 1.1;
text-align: center;
position: absolute; /* Fallback if 'fixed' is not supported */
top: 2em;
left: auto;
width: 8.5em;
right: 2em;
}
div.banner {
position: fixed; /* Overrides 'absolute' above */
}
Why avoid CSS? I'm really curious as to what the perceived negatives are...other than inconsistent support by older browsers....
Well I've been involved with some Government work overhere in the UK. They have very strict guideliness that you should follow (as with losts of large companies). A good example is support for TV baised browsers that are similar to IE 3 and have bad support for css.
Generally I use css for all my text formatting as it is much more powerful. However using layers for positioning items is just so inconsistent that unless I'm designing an intranet application it isn't worth the hassle. It's a real shame that the older technology is holding back new advances that can make the web a much more usable place but that's the way it is.
Please explain "TV based" browsers. I've never heard that term.
Using layout tables is a ridiculous way to have to create websites, and it completely defeats the purpose of tables: data. Tables are horrible for accessbility by screen readers and other assistive devices. I'm never using them again, if I can avoid it.
Sorry I wasn't very clear. These are web browsers in peoples TVs. The ones which were distributed, unfortunately have very restrictive functionality.
I agree with you that tables are a pain but they do have merit. I don't know if you've heard of a technology called XForms but I've just written a processor for that and to help make it a solution that is truely portable I'm making it render the forms using tables in low end browsers and allow for CSS formatting in newer ones.
I have to say it's a real pain using tables to make the output look good.
I agree with you that tables are a pain but they do have merit. I don't know if you've heard of a technology called XForms but I've just written a processor for that and to help make it a solution that is truely portable I'm making it render the forms using tables in low end browsers and allow for CSS formatting in newer ones.
I have to say it's a real pain using tables to make the output look good.
Sorry, I wasn't very clear. These are web browsers in peoples TVs. The ones which were distributed, unfortunately have very restrictive functionality.
I agree with you that tables are a pain but they do have merit. I don't know if you've heard of a technology called XForms but I've just written a processor for that and to help make it a solution that is truely portable I'm making it render the forms using tables in low end browsers and allow for CSS formatting in newer ones.
I have to say it's a real pain using tables to make the output look good.
I agree with you that tables are a pain but they do have merit. I don't know if you've heard of a technology called XForms but I've just written a processor for that and to help make it a solution that is truely portable I'm making it render the forms using tables in low end browsers and allow for CSS formatting in newer ones.
I have to say it's a real pain using tables to make the output look good.
XForms look very interesting. A good way to make forms accessible on any platform for almost any user. 
Yeah, I think they present quite a good future at the moment. I'm quite proud as I wrote what we believe to be the first working implementation (for web browsers).
Still better stop gloating (it won't get me any money anyway). I personally don't see XForms as the final solution thou. It's more of a step towards something bigger and ultimately much better.
Sorry my english is really bad today (too tired).
Still better stop gloating (it won't get me any money anyway). I personally don't see XForms as the final solution thou. It's more of a step towards something bigger and ultimately much better.
Sorry my english is really bad today (too tired).
If you can't make out how to use the code I already posted, you should really take two giant steps back and start to learn CSS from the beginning. Otherwise you won't know how to fix/change what you copied...
It's not difficult, just do some Google searches.