Could someone please provide a good online reference that provides help on learning CSS "shortcut" language/settings?
Thanks,
KDLAhere would be one way that it would be done.
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.accesselearning.net/" title="Access E-Learning Site Map(m)" target="_self" ACCESSKEY="m" >Site Map</a>
ACCESSKEY="m" would be that key + alt (alt+m) that is pressed to go to that spicific spot.
source: here (<!-- m --><a class="postlink" href="http://www.accesselearning.net/accessibility.php">http://www.accesselearning.net/accessibility.php</a><!-- m -->)
here is another one (<!-- m --><a class="postlink" href="http://www.htmlcodetutorial.com/forms/_INPUT_ACCESSKEY.html">http://www.htmlcodetutorial.com/forms/_ ... SSKEY.html</a><!-- m -->)Oops - I must have not been clear enough.
I mean a reference that provides help on learning how to integrate CSS elements into one tag, like:
background-image: url(file.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
into
background: url(file.jpg) no-repeat #fff;
But, thanks Little Guy for the other info. - I learned something new and unexpected today!
Is that even possible?
the only way I know how, or even have heard of is doing it like this:
body
{
background-image: url(file.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
}
Even after searching google, I couldn't find anything about that.
My Search Results (<!-- m --><a class="postlink" href="http://www.google.com/search?hl=en&lr=&q=integrate+CSS+elements+into+one+tag&btnG=Search">http://www.google.com/search?hl=en&lr=& ... tnG=Search</a><!-- m -->)Yeah - that's what I mean.
I've been given a bunch of CSS (designed by someone else) to work with, but it has several elements that are combined into one general style, like "border" or "background", or colors with shortened values like "fff" or "060" and want to understand what all the stuff means before I start changing it to work with our agency's color scheme/CSS template.
Thanks for your patience and prompt response!
KDLAwell, I know "fff" stands for white, and the "060" stands for a green
<!-- m --><a class="postlink" href="http://www.blossomassociates.com/colors.html">http://www.blossomassociates.com/colors.html</a><!-- m -->
As of now, I am guessing you just want colors
If not, the code you see would be nice if it was posted, or the parts you don't understand.Thanks - the color codes WILL help.
Here's a few snippets of the CSS:
padding: .2em 10px;
border-width: 0 5px;
These I don't understand. I've not seen two amounts for a CSS style before. These types of settings are throughout the coding for various elements.
And one more:
li {
float: left;
text-align: center;
border: 1px solid black;
border-width: 1px 0;
}
I thought the 1px of the border setting was enough; what's with the second setting?they are telling it how to pad the section
CSS Padding {padding: 5px 10px 5px 10px; } (TOP, LEFT, BOTTOM, RIGHT)
the second one "border-width" part 1px is making a line on the top and bottom of the text, the 0 makes no lines on the sides
more info here
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/pr_padding.aspSo">http://www.w3schools.com/css/pr_padding.aspSo</a><!-- m --> you can mix measurement types, as well as condense parts of the Top/R/Bottom/L equation? Huh - Never seen that before. But then, I was taught to code everything the longest way possible.... Thanks for your help!
KDLAno <!-- m --><a class="postlink" href="problemhttp://www.w3.org/TR/CSS21/">problemhttp://www.w3.org/TR/CSS21/</a><!-- m -->
Thanks,
KDLAhere would be one way that it would be done.
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.accesselearning.net/" title="Access E-Learning Site Map(m)" target="_self" ACCESSKEY="m" >Site Map</a>
ACCESSKEY="m" would be that key + alt (alt+m) that is pressed to go to that spicific spot.
source: here (<!-- m --><a class="postlink" href="http://www.accesselearning.net/accessibility.php">http://www.accesselearning.net/accessibility.php</a><!-- m -->)
here is another one (<!-- m --><a class="postlink" href="http://www.htmlcodetutorial.com/forms/_INPUT_ACCESSKEY.html">http://www.htmlcodetutorial.com/forms/_ ... SSKEY.html</a><!-- m -->)Oops - I must have not been clear enough.
I mean a reference that provides help on learning how to integrate CSS elements into one tag, like:
background-image: url(file.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
into
background: url(file.jpg) no-repeat #fff;
But, thanks Little Guy for the other info. - I learned something new and unexpected today!
Is that even possible?the only way I know how, or even have heard of is doing it like this:
body
{
background-image: url(file.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
}
Even after searching google, I couldn't find anything about that.
My Search Results (<!-- m --><a class="postlink" href="http://www.google.com/search?hl=en&lr=&q=integrate+CSS+elements+into+one+tag&btnG=Search">http://www.google.com/search?hl=en&lr=& ... tnG=Search</a><!-- m -->)Yeah - that's what I mean.
I've been given a bunch of CSS (designed by someone else) to work with, but it has several elements that are combined into one general style, like "border" or "background", or colors with shortened values like "fff" or "060" and want to understand what all the stuff means before I start changing it to work with our agency's color scheme/CSS template.
Thanks for your patience and prompt response!
KDLAwell, I know "fff" stands for white, and the "060" stands for a green
<!-- m --><a class="postlink" href="http://www.blossomassociates.com/colors.html">http://www.blossomassociates.com/colors.html</a><!-- m -->
As of now, I am guessing you just want colors
If not, the code you see would be nice if it was posted, or the parts you don't understand.Thanks - the color codes WILL help.
Here's a few snippets of the CSS:
padding: .2em 10px;
border-width: 0 5px;
These I don't understand. I've not seen two amounts for a CSS style before. These types of settings are throughout the coding for various elements.
And one more:
li {
float: left;
text-align: center;
border: 1px solid black;
border-width: 1px 0;
}
I thought the 1px of the border setting was enough; what's with the second setting?they are telling it how to pad the section
CSS Padding {padding: 5px 10px 5px 10px; } (TOP, LEFT, BOTTOM, RIGHT)
the second one "border-width" part 1px is making a line on the top and bottom of the text, the 0 makes no lines on the sides
more info here
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/pr_padding.aspSo">http://www.w3schools.com/css/pr_padding.aspSo</a><!-- m --> you can mix measurement types, as well as condense parts of the Top/R/Bottom/L equation? Huh - Never seen that before. But then, I was taught to code everything the longest way possible.... Thanks for your help!
KDLAno <!-- m --><a class="postlink" href="problemhttp://www.w3.org/TR/CSS21/">problemhttp://www.w3.org/TR/CSS21/</a><!-- m -->