Jump to content
MakeWebGames

Really bugging me...


jaymo
 Share

Recommended Posts

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.

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...