Really bugging me...

[jaymo]

ok, so I was just doing a few css tweaks and wanted to remove the gap between the contenthead class and contentcontent so there is no gap between them. Ive looked through the entire css style sheet and everywhere and can't figure out how to remove the gap. Its probarbly really simple but its bugging me. Cheers.

[Uridium]

Ive had this issue with a template aswell i tried everything just like you infact in the end i think i Binned it...

[The Spirit]

have you margin-top set to 0px?

this may also help http://www.cssreset.com/scripts/eric-meyer-reset-css/

[Spudinski]

Post CSS and HTML.

Eric Meyer's Reset script is a very limited edition of other common reset stylesheets.

[jaymo]

Css

this is all the css

[css].leftmenu {

margin-left: 8px;

background-color : #333;

border : 1px solid #444;

color : #ffffff;

display : block;

padding-top : 2px;

padding-right : 2px;

padding-bottom : 2px;

padding-left : 2px;

border-style : solid;

border-top-width : 0;

border-right-width : 1px;

border-bottom-width : 1px;

border-left-width : 1px;

width : 145px;

font-weight : normal;

text-align : left;

}

.forumtopic{

background:#1D1D1D;

}

.gap { line-height: 3px; }

 

.topbar { width: 100%;

margin-left: 8px;

margin-right: 8px;

width:98%;

margin-top: 8px;

background-color: #333;

border: 1px solid #444;

padding: 3px;

color: #ddd;

font-weight: bold;

font-size: 11px; }

.topbar2 { width: 100%;

margin-left: 8px;

margin-right: 8px;

width:98%;

margin-top: 8px;

background-color: #333;

border: 1px solid #444;

border-bottom:0px;

padding: 3px;

color: #ddd;

font-weight: bold;

font-size: 11px; }

 

 

 

.content { width: 100%;

padding: 0px;}

 

.contenthead {

margin-bottom:0px;

background:#111;

border: 1px solid #444;

padding: 5px;

color: #ddd;

font-weight: bold;

font-size: 12px; }

 

.contentcontent { background-color: #333;

margin-top:0px;

border: 1px solid #444;

border-top:0px;

padding: 3px;

color: #ddd;

font-size: 12px;}

input[type=text] {

background:#171717;

color:#FFFFFF;

border:1px solid #3F3F3F;

padding:5px;

}

.link{

background:#1E1E1E;

color:#FFFFFF;

border:1px solid #3F3F3F;

padding:4px;

color:#FFF;

cursor:pointer;

display:block;

}

.link:hover{

background:#292929;

color:#FFF;

}

input[type=submit] {

background:#7D2828;

color:#FFFFFF;

border:1px solid #3F3F3F;

padding:5px;

cursor:pointer;

}

input[type=submit]:hover {

background:#A53030;

}

select{

background:#171717;

color:#FFFFFF;

border:1px solid #3F3F3F;

padding:5px;

}

input[type=password] {

background:#171717;

color:#FFFFFF;

border:1px solid #3F3F3F;

padding:5px;

}

textarea{

background:#171717;

color:#FFFFFF;

border:1px solid #3F3F3F;

padding:5px;

}

 

 

.bar_a{

width: 100px;

border: 1px solid #000000;

background-color:#666666;

}

.bar_b{

font-size: 10px;

background-color:#FFFF00;

}

 

 

body {

margin: auto;

 

font-family:Verdana, Arial, Helvetica, sans-serif;

background:url(images/background_tile.png);

width: 800px;

font-size:12px;

background-color: #000000;

font-weight : normal;

}

body a{

text-decoration:none;

}

 

 

h1 , h2 , h3 , h4 , h5 , h6 {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight : normal;

}

 

.head, .headbox , .dynabox , a.leftmenu , a.topmenu {

margin-left: 8px;

font-weight : bold;

text-decoration : none;

font-size:12px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

 

a {color : #000000; }

.body a:hover, .dynabox .headbox a:hover {color : #ffffff; }

 

.pos0 {color : #000000; }

.mainbox , .dynabox , a.leftmenu:link , a.leftmenu:visited {color : #ffffff; }

.pos2 , .topnav , a.leftmenu:hover {background-color : #333; border : 1px solid #444; }

 

 

.neg0 {background-color : #000000; }

.neg1 , a.topmenu:hover { color : #ffffff; border : #000000; }

.neg2 , .headbox , a.topmenu:link , a.topmenu:visited {color : #ffffff; border : #000000; }

.headbox{margin-bottom:0px;}

a.leftmenu:link {

display : block;

padding-top : 2px;

padding-right : 2px;

padding-bottom : 2px;

padding-left : 2px;

border-style : solid;

border-top-width : 0;

border-right-width : 1px;

border-bottom-width : 1px;

border-left-width : 1px;

width : 145px;

font-weight:normal;

text-align : left;

font-weight:bold;

}

.msg{

padding:5px;

background:#E8ED87;

border:#FC0 1px solid;

color:#000000;

font-size: 12px; }

 

a.leftmenu:hover {

display : block;

padding-top : 2px;

padding-right : 2px;

padding-bottom : 2px;

padding-left : 2px;

border-style : solid;

border-top-width : 0;

border-right-width : 1px;

border-bottom-width : 1px;

border-left-width : 1px;

width : 145px;

font-weight : bold;

text-align : left;

background-color:#2E2E2E;

color:#FFFFFF;

}

 

a.leftmenu:visited {

display : block;

padding-top : 2px;

padding-right : 2px;

padding-bottom : 2px;

padding-left : 2px;

border-style : solid;

border-top-width : 0;

border-right-width : 1px;

border-bottom-width : 1px;

border-left-width : 1px;

width : 145px;

font-weight : normal;

text-align : left;

}

 

a.topmenu:link {

display : inline;

padding-top : 5px;

padding-right : 0;

padding-bottom : 5px;

padding-left : 0;

border-style : solid;

border-top-width : 0;

border-right-width : 0;

border-bottom-width : 0;

border-left-width : 1px;

text-align : center;

}

 

a.topmenu:hover {

background-color : #4d75a0;

display : inline;

padding-top : 5px;

padding-right : 0;

padding-bottom : 5px;

padding-left : 0;

border-style : solid;

border-top-width : 0;

border-right-width : 0;

border-bottom-width : 0;

border-left-width : 1px;

text-align : center;

}

 

a.topmenu:visited {

display : inline;

padding-top : 5px;

padding-right : 0;

padding-bottom : 5px;

padding-left : 0;

border-style : solid;

border-top-width : 0;

border-right-width : 0;

border-bottom-width : 0;

border-left-width : 1px;

text-align : center;

}

 

.headbox {

 

background-color: #111;

border: 1px solid #444;

padding: 5px;

color: #ddd;

 

display : block;

padding: 5;

width : 139px;

text-align : left;

}

 

.topbox {

margin-left: 8px;

margin-right: 8px;

color: #ffffff;

border: 1px solid #333;

background-color: #000000;

padding-right : 5px;

padding-bottom : 0;

}

 

.topnav {

border : solid ;

border-width : 0 1px 1px;

padding-top : 3px;

padding-bottom : 0;

}

 

.mainbox {

padding-top : 5px;

padding-left : 5px;

padding-right : 5px;

padding-bottom : 5px;

}

 

.mainbox p a {

font-weight : bold;

font-size : 90%;

}

 

.dynabox {

 

text-align : center;

}

 

.dynabox .headbox {

border-style : dashed;

border-top-style : solid;

border-right-width : 0;

border-left-width : 0;

padding-top : 3px;

padding-left : 0;

padding-right : 0;

padding-bottom : 3px;

}

 

.dynacontent {

padding-top : 3px;

padding-left : 5px;

padding-right : 5px;

padding-bottom : 3px;

text-align : left;

font-size:12px;

font-weight : normal;

}

 

a{

color: #FFCC00;

}

a:hover{

color: #FFFF33;

}[/css]

[HauntedDawg]

One word - Firebug.

[Spudinski]

Three letters: F12

Though, I'd suggest optimizing that CSS first: it would make life a lot easier.