Any tips for a newbie who has never touched CSS before? I Download ed some CSS Style Gen, and it works pretty well...but theres some parts I don't know what to do with. And I don't know how to link style sheets and such.You can learn the basics from <!-- m --><a class="postlink" href="http://www.w3schools.com/css/">http://www.w3schools.com/css/</a><!-- m --> and then move on to the more advanced concepts presented at <!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->. Just remember, CSS design is not tables design, so you'll have to think a bit differently.Thanks. Im familliar with everything else, but CSS always stumped me for some reason.I strongly advise using Pyro's link to A List Apart. I've learned a ton from that site.<!-- m --><a class="postlink" href="http://www.xhtmlcoder.com/css-coder.htm">http://www.xhtmlcoder.com/css-coder.htm</a><!-- m -->
Is a simple CSS Generator.Pyro, great stuff man! I'm getting the hang of it, sort of.
Good generator too.Glad to hear it.
One question though. How do I link to a CSS page?One of these two methods:
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"styles.css" type="text/css" />
Or, use the @import rule, which will hide the CSS from older browsers, which is often desirable.
<style type="text/css" media="all">@import "styles.css";</style>Thanks. I feel that much smarter!a list apart saved my sanity!
it is well ayed out with easy examples/tutorials. i would reccomend it to anyone willing to learn css!
not really a useful post but ther' ya' go!Hi
As a CSS newbie myself, I can vouch for A list Apart. As a trial, I built this website in CSS <!-- m --><a class="postlink" href="http://ee.1asphost.com/MountPlay/index.htm">http://ee.1asphost.com/MountPlay/index.htm</a><!-- m -->
and I realise, by browsing thru other CSS websites, just how much I have to learn!in mozilla ur site alignment messes up. i advise against the long wait to load! but whether you can change that...Originally posted by tasneem
Hi
As a CSS newbie myself, I can vouch for A list Apart. As a trial, I built this website in CSS <!-- m --><a class="postlink" href="http://ee.1asphost.com/MountPlay/index.htm">http://ee.1asphost.com/MountPlay/index.htm</a><!-- m -->
and I realise, by browsing thru other CSS websites, just how much I have to learn!
I shouldn't see this...
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
And, I'm going to guess you used float:right for your content on the right. My 1400X1050 resolution tells me so.thnks guys/gals
Anyway, I am having problems with Mozilla on other sites too, with JavaScript rolling script. So...
Well this is CSS forum, so other than the above 2 websites for CSS, any other CSS tutorials/techniques websites around which you have checked and found useful?
thnks again.not sure about other css tutorial sites but i reccomend you explore sites that offer a free generated css layout. these are useful for learning tips and tricks off.
i will post a link when i have found it!aha, found this link on there great forums.
hope it can help!
HERE (<!-- m --><a class="postlink" href="http://www.inknoise.com/experimental/layoutomatic.php">http://www.inknoise.com/experimental/layoutomatic.php</a><!-- m -->)Thank you...it helps quite a bit.after i import the css file.. how should i use it??
.label {
font-family: Arial;
font-size: 14px;
}
.header {
font-family: "Lucida Sans Unicode";
font-style: italic;
color: #999999;
}
.btnStd {
width: 70px;
}
the above is the exact contain in my layout.css
<style type="text/css" media="all">@import "../../lib/css/layout.css";</style>
<span class="header">my text<span></p> i put this in my code.. it works fine in dreamweaver .. but when i run my page the text change to default text .. why?
Is a simple CSS Generator.Pyro, great stuff man! I'm getting the hang of it, sort of.
Good generator too.Glad to hear it.
One question though. How do I link to a CSS page?One of these two methods:<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"styles.css" type="text/css" />
Or, use the @import rule, which will hide the CSS from older browsers, which is often desirable.
<style type="text/css" media="all">@import "styles.css";</style>Thanks. I feel that much smarter!a list apart saved my sanity!
it is well ayed out with easy examples/tutorials. i would reccomend it to anyone willing to learn css!
not really a useful post but ther' ya' go!Hi
As a CSS newbie myself, I can vouch for A list Apart. As a trial, I built this website in CSS <!-- m --><a class="postlink" href="http://ee.1asphost.com/MountPlay/index.htm">http://ee.1asphost.com/MountPlay/index.htm</a><!-- m -->
and I realise, by browsing thru other CSS websites, just how much I have to learn!in mozilla ur site alignment messes up. i advise against the long wait to load! but whether you can change that...Originally posted by tasneem
Hi
As a CSS newbie myself, I can vouch for A list Apart. As a trial, I built this website in CSS <!-- m --><a class="postlink" href="http://ee.1asphost.com/MountPlay/index.htm">http://ee.1asphost.com/MountPlay/index.htm</a><!-- m -->
and I realise, by browsing thru other CSS websites, just how much I have to learn!
I shouldn't see this...
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
And, I'm going to guess you used float:right for your content on the right. My 1400X1050 resolution tells me so.
thnks guys/galsAnyway, I am having problems with Mozilla on other sites too, with JavaScript rolling script. So...
Well this is CSS forum, so other than the above 2 websites for CSS, any other CSS tutorials/techniques websites around which you have checked and found useful?
thnks again.not sure about other css tutorial sites but i reccomend you explore sites that offer a free generated css layout. these are useful for learning tips and tricks off.
i will post a link when i have found it!aha, found this link on there great forums.
hope it can help!
HERE (<!-- m --><a class="postlink" href="http://www.inknoise.com/experimental/layoutomatic.php">http://www.inknoise.com/experimental/layoutomatic.php</a><!-- m -->)Thank you...it helps quite a bit.after i import the css file.. how should i use it??
.label {
font-family: Arial;
font-size: 14px;
}
.header {
font-family: "Lucida Sans Unicode";
font-style: italic;
color: #999999;
}
.btnStd {
width: 70px;
}
the above is the exact contain in my layout.css
<style type="text/css" media="all">@import "../../lib/css/layout.css";</style>
<span class="header">my text<span></p> i put this in my code.. it works fine in dreamweaver .. but when i run my page the text change to default text .. why?