April 2, 201016 yr I have the following p class style on my web page (within a table) but for some reason it is leaving a huge space at the top and bottom of the paragraph. I have no padding in the style nor in the body style of my CSS - can anyone explain another reason why this would happen? I have attached my CSS and html page also .style2 { font-family:georgia, serif; font-size:13px; color:#888888; line-height: 25px; text-align: left; text-decoration:none; padding-bottom:0px; padding-top:0px; } artcommissions.html menu.css
April 2, 201016 yr Author Thanks for tip Lee - I have added to my body and the paragraph style but it is still giving me too much space top and bottom - my links at the bottom all appear too far above my div class info dotted line and I want them to appear just above! My top heading is also too far from my menu bar. Any other ideas? many thanks
April 2, 201016 yr Can you post your full code please? I don't download files just add them in your post and I'll have a look at it for ya.
April 2, 201016 yr Author cheers Lee - here is some of the html and all of the CSS, quite a bit of it but it is happening whatever style I choose which made me think it is to do with the body (ive put SPACE where it is happening) thnx! here is some of the html <table width="700" border="0" style="margin:0 auto;padding-top:0; "> <tr> <td colspan="5"> <tr valign="top"> <td height="440" colspan="5"> <div id="menu"> <ul class="menu"> <li><a href="index.html" class="parent"><span>Home</span></a> </li> <li><a href="aboutus.html"><span>About us</span></a> </ul></div> SPACE <h3 align="left" class="h3">Art in Situ</h3> <p class="style2">Situ translates to 'built in relation to its surrounding’, we have created these following works of art for a number of private homes. Please do see our <a href="artcommissions.html">commissions</a> page to find out more. </p> <p class="style2"><small><a href="art.html">Art</a> | <a href="artistsall.html">Artists & Biographies</a> | <a href="artcommissions.html">Commissions</a> | <a href="artinsitu.html">Art in Situ</a> | <a href="arthanging.html">Art Hanging Service</a> | <a href="artpayment.html">Art Payment</a></small></p></td> SPACE </tr> </table> <tr> <td colspan="5"><div class="info"> <h2 align="center">Art & Escape Gallery</h2> <p align="center">23-25 Barnet Road, Hertfordshire EN6 2QX. Tel 07791 075 458 / 07971 328 235</a></p> <p align="center">Please email for further enquiries: <a href="mailto:info@artandescape.com">info@artandescape.com</a></p> <p align="center"><a href="disclaimer.html">disclaimer </a> | <a href="">design by art & escape</a></p> </div></td> </tr> here is the css body{ background:white; text-align:left; color:#FFFFFF; font-family: georgia, serif; font-size: 80%; background-color: black; margin: 0; padding: 0px; } /* menu::base */ div#menu { height:41px; color: #DDDDDD; background-image: url(imagesmenu/main-bg.png); background-repeat: repeat-x; } div#menu ul { margin: 0; padding: 0; list-style: none; float: left; } div#menu ul.menu { padding-left: 15px; } div#menu li { position: relative; z-index: 9; margin: 0; padding: 0 5px 0 0; display: block; float: left; } div#menu li:hover>ul { left: -2px; color: #FFFFFF; } div#menu a { position: relative; z-index: 10; height: 41px; display: block; float: left; line-height: 41px; text-decoration: none; font: normal 12px Trebuchet MS; } div#menu a:hover, div#menu a:hover span { color: #fff; } div#menu li.current a {} div#menu span { display: block; cursor: pointer; background-repeat: no-repeat; background-position: 95% 0; } div#menu ul ul a.parent span { background-position:95% 8px; background-image: url(imagesmenu/item-pointer.gif); } div#menu ul ul a.parent:hover span { background-image: url(imagesmenu/item-pointer-mover.gif); } /* menu::level1 */ div#menu a { padding: 0 10px 0 10px; line-height: 30px; color: #888888; } div#menu span { margin-top: 5px; }/**@replace#1*/ div#menu li { background-image: url(imagesmenu/main-delimiter.png); background-repeat: no-repeat; background-position: 98% 4px; } div#menu li.last { background: none; } /* menu::level2 */ div#menu ul ul li { background: none; } div#menu ul ul { position: absolute; top: 38px; left: -999em; width: 167px; padding: 5px 0 0 0; background-color: #550000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; margin-top:1px; } div#menu ul ul a { padding: 0 0 0 15px; height: auto; float: none; display: block; line-height: 24px; color: #DDDDDD; } div#menu ul ul span { margin-top: 0; padding-right: 15px; _padding-right: 20px; color: #AAAAAA; } div#menu ul ul a:hover span { color: #FFFFFF; } div#menu ul ul li.last { background: none; } div#menu ul ul li { width: 100%; } /* menu::level3 */ div#menu ul ul ul { padding: 0; margin: -38px 0 0 163px !important; margin-left:172px; } /* colors */ div#menu ul ul ul { background-color: #550000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; margin-top:1px; } div#menu ul ul ul ul { background: rgb(38,38,38); } div#menu ul ul ul ul { background: rgb(35,35,35); } /* lava lamp */ div#menu li.back { background: url(imagesmenu/lava.png) no-repeat right -44px !important; background-image: url(imagesmenu/lava.gif); width: 13px; height: 44px; z-index: 8; position: absolute; margin: -1px 0 0 -5px; } div#menu li.back .left { background: url(imagesmenu/lava.png) no-repeat top left !important; background-image: url(imagesmenu/lava.gif); height: 44px; margin-right: 8px; } #makeMeScrollable div.scrollableArea * { position: relative; float: left; margin: 0; padding: 0; } h1,h2{ letter-spacing:3px; text-transform:uppercase; font-family: 'helvetica neue', sans-serif; font-size: 80%; font-weight: bold; } a{color:#348;text-decoration:none;} a:hover{color:#67a;} .caption{font-style:italic;color:#887;} .info{ text-align:center; width:800px; margin:30px auto; border-top:1px dotted #888888; padding-top:30px; font-size: 9pt; } .info2{ text-align:center; width:800px; margin:30px auto; border-top:0px dotted #888888; padding-top:1px; padding-bottom:1px; font-size: 8pt; } .info3{ text-align:center; width:800px; margin:10px auto; border-top:0px dotted #888888; padding-top:2px; font-size: 8pt; } .h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#444444; padding-top:0px; padding-bottom:0px; font-weight: bolder; line-height: 10pt; } .h4{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#BBBBBB; padding-top:0px; padding-bottom:0px; line-height: 20px; } .h6 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; line-height: 30px; font-weight: bold; text-align: left; padding-bottom:0px; padding-top:0px; } .style2 { font-family:georgia, serif; font-size:13px; color:#888888; line-height: 25px; text-align: left; text-decoration:none; padding-bottom:0px; padding-top:0px; margin: 0; } .style2 small { color:#888888; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px; top:0px; margin: 0; } .style2 small:hover{ color:#ffffff; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px; top:0px; } .style2 hover { text-decoration:none; color:#ffffff; } .style3 { font-family:georgia, serif; font-size:13px; color:#BBBBBB; line-height: 15px; text-align: left; text-decoration:none; padding-bottom:2px; padding-top:2px; } .style4 { font-family:georgia, serif; font-size:13px; color:#888888; line-height: 25px; text-align: center; text-decoration:none; padding-bottom:10px; padding-top:10px; } .style5 { color:#000000; } #container { float: right; ; width: 160px; height: 400px; margin: 0px; background-color: #000000; }
Create an account or sign in to comment