Newbie CSS3 Help Please! - Page 2

User 187934 Photo


Senior Advisor
20,267 posts
Online Now

Your DBL quotes are weird around the
<span class="greenboldtext">
Paste my version in there.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Wow it's actually working now thanks Eric, I will proceed with the lessons :)
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

When you use a separate css style sheet you don't have the style code at the top or bottom. That's only for styling placed at the head of the page. So for the separate sheet remove this.
<style>
<!-- Style Sheet created with the CoffeeCup StyleSheet Maker -->
<!-- http://www.coffeecup.com -->
<style type="text/css">
<!--

-->
</style>

Your style sheet will only have this.
body {
background: #eeeeee;
font-family: “Trebuchet MS”, Verdana, Arial, serif;
}
h1 {font-family: Georgia, sans-serif;}
p {font-family: Tahoma, serif;}
body {margin: 20px;}
h1, h2, h3, h4, h5, h6 {
color: #009900;
font-family: Georgia, sans-serif;
}
/* Learning CSS for the first time, the above code from site */
p {
font-size: small;
color: #333333
}
/* Greenbold Text Added to HTML / CSS3 */
.greenboldtext{
font-size: small;
color: #008080;
font-weight: bold;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Ok cool, i'm starting to get this Eric, :) I'm having another problem though, the actual margins, and padding part of the code I am testing and changing around, however they are having no effect on my page, I've uploaded the new code you've shown me, perhaps i'm doing something wrong again ... lol.. i'm trying ot change the margin to like 30px, and the padding to 10px, top left bottom right and all that but it's not letting me.. and one more thing, what about the "#container" code? when will that become of use, because when I <div = "container > </div> it doesn't do anything special even with the #container css written up.. I dont know just a few questions..
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

This
<div = "container > </div>
should be
<div id="container"></div>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Got it Eric :) It did work!! But now i've moved on to borders and max heigh / width and all that, can you take a quick look and see what went wrong with my CSS coding? My HTML went back to being text without my box again, borders and max height / width coding is a pain :]

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.