Skip navigation
Overtim3
Overtim3 Calculating status...
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

342 Views   4 Replies   Latest reply: Overtim3, Apr 16, 2012 8:33 AM
 
Replies
  • Rik Ramsay
    Currently Being Moderated
    1. Rik Ramsay,
    Apr 13, 2012 10:43 AM   in reply to Overtim3
    Report

    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:
  • Overtim3
    Currently Being Moderated
    2. Overtim3,
    Apr 13, 2012 10:47 AM   in reply to Rik Ramsay
    Report

    how does that hurt my margins for anything else other then the lists i have created?

     
    |
    Mark as:
  • Rik Ramsay
    Currently Being Moderated
    3. Rik Ramsay,
    Apr 13, 2012 10:54 AM   in reply to Overtim3
    Report

    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:
  • Overtim3
    Currently Being Moderated
    4. Overtim3,
    Apr 16, 2012 8:33 AM   in reply to Rik Ramsay
    Report

    Thank you for all your help and patience with me. All of your suggestions have been very helpful as well as educational.

     

    EDIT: just realized that RightColumn had a list in it and like you said I made it for ALL... lol.. Now I understand.

     
    |
    Mark as:
Actions

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