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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...