Skip navigation
Currently Being Moderated

More Margin issues

Apr 13, 2012 10:10 AM

On the index page the margin on the far right with the 3 links looks funny compared to another page with the same set up.

 

http://www.humboldt.edu/cicd/index.htm

http://www.humboldt.edu/cicd/publications.htm

 

How do i get the index page margin to look like the others?

I am also viewing this in firefox.

 

Anyhelp would be much appreciated,

-Overtim3

 
Replies
  • Currently Being Moderated
    Apr 13, 2012 10:43 AM   in reply to Overtim3

    On the index page you have the below, which is not on the other pages:

    <div id="ThreeColumns"><div id="Content">

        <!-- InstanceBeginEditable name="content" -->

       
       
    <style type="text/css">

    ul
    {
    list-style-type:circle;
    padding:5px;
    margin:5px;
    }

    li
    {
    line-height:20px;
    padding-left:0px;
    margin-bottom:9px;
    margin-left:20px;
    }
    </style>

        
       
    <h1><a name="content" id="content"></a>What is CICD? </h1>

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 13, 2012 10:54 AM   in reply to Overtim3

    You are styling ALL <li> elements to have a margin-left:20px; and ALL <ul> elements to have a 5px margin and padding.

     

    To target your list in the content:

    <style type="text/css">

    #Content ul
    {
    list-style-type:circle;
    padding:5px;
    margin:5px;
    }

    #Content li
    {
    line-height:20px;
    padding-left:0px;
    margin-bottom:9px;
    margin-left:20px;
    }
    </style>

     

    Also, the embedded CSS should be inside the <head></head> tags. You could also add this to your external CSS so you can re-use on other pages.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points