7 Replies Latest reply: Feb 3, 2011 6:57 AM by INTYME1985 RSS

    Too much space between Divs/Containers?

    INTYME1985 Community Member

      http://kansascitycrates.com/antiques.html

       

      I am rewriting my company website and can't find the setting to move my top 2 containers (editable regions) closer to the header / horizontal spry menu bar?

       

      Specifically, I want to reduce the space above and below the "Crate Examples" & "Antiques" title graphics.

       

      Thank you in advance, I read all day yesterday about absolute positioning and Divs, but can't get my head around how to apply it to my editable regions.

       

      JM

        • 1. Re: Too much space between Divs/Containers?
          osgood_ CommunityMVP
          What's the 'tiny_spacer_rule' for which is applied to the paragraph tag between the end of your 
          'header' section and the start of the table?


          <li><a href="testimonials/2010/june/2010june_testimonials.html">TESTIMONIALS</a></li>
            </ul>
            <!-- end #header -->
            </div>

            <p class="tiny_spacer_rule">&nbsp;</p>

            <!-- InstanceBeginEditable name="example_nav_bar" -->
            <table width="998" border="0" align="center">
              <tr>
                <td><img src="graphics/page_titles/antiques.png" width="450" height="75" alt="antiques title graphic" /></td>
                <td><img src="graphics/page_titles/crate_examples.png" width="450" height="75" alt="Crate example title graphic" /></td>
              </tr>
            </table>
          • 2. Re: Too much space between Divs/Containers?
            INTYME1985 Community Member

            That is my last ill-fated attempt to control it's positioning.  If I remove it, the "crate example" graphics get into the menu bar, like this...

             

            http://kansascitycrates.com/antiques2.html

            • 3. Re: Too much space between Divs/Containers?
              osgood_ CommunityMVP

              INTYME1985 wrote:

               

              That is my last ill-fated attempt to control it's positioning.  If I remove it, the "crate example" graphics get into the menu bar, like this...

               

              http://kansascitycrates.com/antiques2.html

               

              Ok, now try some padding-top on the <td> cell that your image is in (see below). Go into code view and type it in.

              That should have the effect of pushing the 'graphic text' away from your navigation bar above it.

               

              <td style="padding-top: 15px;"><img src="graphics/page_titles/antiques.png" width="450" height="75" alt="antiques title graphic" /></td>
              • 4. Re: Too much space between Divs/Containers?
                osgood_ CommunityMVP

                Another way would be to give the 'table' an id and use some css to control it's position.

                 

                The id:

                 

                <table id="graphicText"  width="998" border="0" align="center">
                    <tr>
                      <td><img src="graphics/page_titles/antiques.png" width="450" height="75" alt="antiques title graphic" /></td>
                      <td><img src="graphics/page_titles/crate_examples.png" width="450" height="75" alt="Crate example title graphic" /></td>
                    </tr>
                  </table>

                 

                and the css:

                 

                #graphicText {

                margin-top: 15px;

                }

                • 5. Re: Too much space between Divs/Containers?
                  INTYME1985 Community Member

                  It worked!

                   

                  and If I may....  how do I bring the second container up closer to the bottom of the container you just fixed?

                   

                  http://kansascitycrates.com/antiques2.html

                   

                  and THANK YOU!  At risk of groveling...  I read all day yesterday and learned alot more about DW & CSS.  I am self taught and don't like to just be "given" the answer.   I really appreciate you helping me out!

                  • 6. Re: Too much space between Divs/Containers?
                    osgood_ CommunityMVP

                    INTYME1985 wrote:

                     

                    It worked!

                     

                    and If I may....  how do I bring the second container up closer to the bottom of the container you just fixed?

                     

                    http://kansascitycrates.com/antiques2.html

                     

                     

                     

                    The space that is occuring between the bottom of the slide-show image and the two small images underneath, to the right, one being the Facebook icon, appears to be as a result of the javascript which works the slideshow.

                     

                    Is that the space we are talking about?

                     

                    Afraid it might be something that would be troublesome to correct. As it stands what I'm seeing in Firefox the spacing does not look unusual.

                    • 7. Re: Too much space between Divs/Containers?
                      INTYME1985 Community Member

                      I can work with this..  You suggested the second solution while I was replying to your first fix.  I just have to let this all set in, my brain is full

                       

                      And I do understand/recognize the spacing created by the javascript, and actually designed the page around it's positioning.

                       

                      Thanks again for all your help, I hope God blesses you in some kind way for me!

                       

                      Have a great day