PDA

View Full Version : Padding issues



jshumate
Mar 6th, 2012, 11:49 PM
How do I eliminate the white space between my menu and slideshow? Thanks.

http://www.jennamichelephotography.com/
http://pastebin.com/x49pDPcn

sean3838
Mar 7th, 2012, 12:28 AM
Try this in your css, you'll have to adjust the margin-top pixels as much as needed. I just guessed -300px as a rough estimate. You may also need to add a negative z-index to put it below the sub-menus.


/* ====================== START CONTENT ====================== */
#content { width:558px; margin:0 0 15px 0; margin-top: -300px; z-index: ?; float:left }
#content h2 { text-align:left }
/* ====================== END CONTENT ====================== */

jshumate
Mar 7th, 2012, 01:01 AM
Thanks so much! Works perfectly.

jshumate
Mar 7th, 2012, 06:31 AM
Another one. The text title is now overlapping the menu.

site:
http://jennamichelephotography.com/blog/?page_id=756

style:
http://pastebin.com/XiUJwdWq

sean3838
Mar 7th, 2012, 06:39 AM
you need to delete margin-top it is bringing all of your content up. You can also delete your z-index that's doing nothing.


/* ====================== START CONTENT ====================== */
#content { width:558px; margin:0 0 45px 0; margin-top: -75px; z-index: ?; float:left }
#content h2 { text-align:left }
/* ====================== END CONTENT ====================== */

Also change whats in red below to this: border-top:1px solid grey; border-bottom:1px solid grey;

You can search for css color codes and use whatever color you want instead of grey for the border lines.


/* ====================== START NAV ====================== */
#nav { position:relative; z-index:1000; top:170px; height:25px; border-top:1px solid rgb (211, 211, 211); border-bottom:1px solid rgb (211, 211, 211); }
#nav ul { margin:-170px 0pt 0pt; float:right; list-style:none; }
#nav li { margin:0 0 0 5px; float:left; padding:185px 0; position:relative; }
#nav a { display:block; line-height:11px; color:#4f4e4e; text-decoration:none; letter-spacing:1.5px; position:relative; }
#nav a:hover, #nav .current_page_item a { color:#a10404 }