Jump to content

Recommended Posts

Posted

I am watching the 20th core video in beginning web designer, and I can't get this to work correctly:

 

<head>

 

<meta charset="utf-8">

 

<title>Beginners Web Design - Learning CSS Part 1</title>

 

<style type="text/css">

 

p {margin: 10px; margin-left: 0px;}

 

img {margin: 10px;}

 

h1, h2, h3 {margin-bottom: 25px; margin-top: 25px; color:black;}

 

ul, ol {margin-bottom: 30px; line-height: 200%; margin-left: -50px: list-style-type: square;}

 

ol {list-style-type: decimal; line-height: 400%}

 

</style>

</head>

 

the p, img & h1, h2, h3 elements are rendered fine (using Safari), but the ul & ol do not change (nor margin, nor list-style). I am using TextWrangler. I had the same problem with p & img in Firefox (but then the same code worked in Safari).

 

Any help anyone? :)

Posted (edited)

You have a typo.

 

ul, ol {margin-bottom: 30px; line-height: 200%; margin-left: -50px : list-style-type: square;}

 

You have a colon instead of a semi-colon.

Edited by Eddie

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...