_tech_dude_ Posted September 28, 2006 Share Posted September 28, 2006 how can i close the gap between a header (with a coloured background btw) and a table ( with only the right and left borders showing). a crappy example of the prob: Link to comment Share on other sites More sharing options...
Skemcin Posted September 28, 2006 Share Posted September 28, 2006 so many ways and it depends on your code - can you post the code you currently have wirtten? Link to comment Share on other sites More sharing options...
_tech_dude_ Posted September 28, 2006 Author Share Posted September 28, 2006 yeah sure (btw i have tried line spacing, but it didnt work ):HTML: <div id="con"><h1> Dude </h1><table class="con"><tr><td>Dude</td></tr></table><h1> </h1> </div> </div>CSS:div#con h1{color: #D4D4D4;background-color: #B0B0B0;text-align: right;font:14pt Arial Narrow; }table.con{border-left: thin solid #B0B0B0;border-right: thin solid #B0B0B0;width: 12cm;} Link to comment Share on other sites More sharing options...
justsomeguy Posted September 28, 2006 Share Posted September 28, 2006 Use the margin property of the h1 element. You can remove it altogether:margin-bottom: 0;or just make it smaller:margin-bottom: 5px; Link to comment Share on other sites More sharing options...
_tech_dude_ Posted September 28, 2006 Author Share Posted September 28, 2006 cheers dude, did the trick! Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 28, 2006 Share Posted September 28, 2006 Or you could just use the TH tage for table header? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now