hi,
I have created a html page and saved it at the default CoffeCup folder and also have a file for .css but I am sure how to call the properties I have defined in the css file
for example, if in my HTML page have somehting like this
<div class="intro">
</div>
do I have to specify the entire folder where the css file is?
I am not able to make it work
thanks
adaltam
HTML page not able to access my CSS...
Yes,
You need to add <link href="css/style.css" rel="stylesheet" type="text/css">
Where the href="foldername/locationofyourcss.css"
You need to add <link href="css/style.css" rel="stylesheet" type="text/css">
Where the href="foldername/locationofyourcss.css"
"An Apple doth not fall far from its tree, yet an orange does."
https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
This statement goes in the head section. I have the css file in the same folder else you need to specify a path.
<Link Rel= "stylesheet" type="text/css" href="las.css"/>
This is one of my controls just showing some css I am playing with
div.Object1 {
padding-right:20px;
float:left;
top:60px;
left:150px;
width:30%;
text-align:justify;
background:transparent;
transform:rotate(12deg);
-ms-transform:rotate(12deg); /* IE 9 */
-moz-transform:rotate(12deg); /* Firefox */
-webkit-transform:rotate(12deg); /* Safari and Chrome */
-o-transform:rotate(12deg); /* Opera */
z-index:2;
}
This is the object in the body of the page
<div class="Object1">
<p>
This is the home of LAS. We support the artists in the district and provide venues for them to pursue their art. We have three groups Mixed Media Water colours and Life Drawing
</p>
</div>
I will add, this is just me playing with eventually spinning text. I offer this to describe the way css controls objects on a page and if some of the values (degs) for instance are variables they can become dynamic
<Link Rel= "stylesheet" type="text/css" href="las.css"/>
This is one of my controls just showing some css I am playing with
div.Object1 {
padding-right:20px;
float:left;
top:60px;
left:150px;
width:30%;
text-align:justify;
background:transparent;
transform:rotate(12deg);
-ms-transform:rotate(12deg); /* IE 9 */
-moz-transform:rotate(12deg); /* Firefox */
-webkit-transform:rotate(12deg); /* Safari and Chrome */
-o-transform:rotate(12deg); /* Opera */
z-index:2;
}
This is the object in the body of the page
<div class="Object1">
<p>
This is the home of LAS. We support the artists in the district and provide venues for them to pursue their art. We have three groups Mixed Media Water colours and Life Drawing
</p>
</div>
I will add, this is just me playing with eventually spinning text. I offer this to describe the way css controls objects on a page and if some of the values (degs) for instance are variables they can become dynamic
The Guy from OZ
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.