4 Replies Latest reply: Apr 16, 2012 8:33 AM by Overtim3 RSS

    More Margin issues

    Overtim3 Community Member

      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

        • 1. Re: More Margin issues
          Rik Ramsay Community Member

          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>

          • 2. Re: More Margin issues
            Overtim3 Community Member

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

            • 3. Re: More Margin issues
              Rik Ramsay Community Member

              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.

              • 4. Re: More Margin issues
                Overtim3 Community Member

                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.