PDA

View Full Version : Help!:(

imported_+||ProtoCon||+
07-19-2002, 10:35 AM
I was wondering of someone could help me remove the space at the left and right of the forums. I tried setting my table width to 100, but there is still space there...how do i remove it? An example of the width can be seen at somethingleet.com or http://www.xelation.com/forum/

Thanx in Advance.
mashby
07-19-2002, 01:12 PM
Have you tried editing your <body> tag? You might try adding the topmargin and leftmargin attributes. In other words: <body topmargin="0" leftmargin="0">

With the default install, the margin settings are set to "10," meaning that there is a 10 pixel spacer all around the board.
SaintDog
07-19-2002, 01:34 PM
CSS, imo, works a lot better than specifying it in the body tag, instead, use it in the body section of your CSS template.

Admin CP -> Styles -> Modify -> Head Insert

Right below:

body {

Add:

MARGIN-TOP: 5px;
MARGIN-BOTTOM: 5px;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;

Then remove all of the margin settings from the non-css body section.
mashby
07-19-2002, 01:42 PM
Either will work, but I like SaintDog's method better. He's right it's works better.
imported_+||ProtoCon||+
07-20-2002, 09:33 PM
Thanx for the support guys, i just got back, i'll go try it out now.

iLLuSioNaL.
imported_+||ProtoCon||+
07-24-2002, 10:47 AM
Hey Saint Dog, i tried that, and i put it in the right place...but it still doesn't work? Can you tell me what im blatently missing?

Sorry for being such a newb.:p



<meta http-equiv="MSThemeCompatible" content="Yes">
<script LANGUAGE="Javascript">
<!--
function showwin(name,size)
{
attrbts = size + ",resizable=yes,toolbar=no,location=no,directories= no,status=no,menubar=no,scrollbars=yes"
window.open(name, "Photos", attrbts);
}
//-->
</script>
<style type="text/css">
BODY {
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 0px;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
scrollbar-face-color: #DCE0E2;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #BCBFC0;
scrollbar-track-color: #BCBFC0;
scrollbar-arrow-color: #6E7E88;
}
SELECT {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 11px;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
}
TEXTAREA, .bginput {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
BORDER: 1px dotted #000000;
}
A:link, A:visited, A:active {
COLOR: {linkcolor};
TEXT-DECORATION: none;
}
A:hover {
COLOR: {hovercolor};
TEXT-DECORATION: none;
}
#cat A:link, #cat A:visited, #cat A:active {
COLOR: {categoryfontcolor};
TEXT-DECORATION: none;
}
#cat A:hover {
COLOR: {categoryfontcolor};
TEXT-DECORATION: none;
}
#ltlink A:link, #ltlink A:visited, #ltlink A:active {
COLOR: {linkcolor};
TEXT-DECORATION: none;
}
#ltlink A:hover {
COLOR: {hovercolor};
TEXT-DECORATION: ;
}
.thtcolor {
COLOR: {tableheadtextcolor};
}
.mytable { border: 1px #000000 solid; background-color: #FFFFFF; font-family:
Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;
text-decoration: none;}

.pagenumstatic {
color: #FFFFFF;
background-color: {linkcolor};
border-color: #000000;
border-style: solid;
border-width: 1px;
margin: 1px;
spacing: 1px;
padding: 1px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width: 1em;
text-decoration: none;
}
.pagenum A:link, .pagenum A:visited, .pagenum A:active {
color: #000000;
background-color: {categorybackcolor};
border-color: #000000;
border-style: solid;
border-width: 1px;
margin: 1px;
spacing: 1px;
padding: 1px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width: 1em;
text-decoration: none;
}
.pagenum A:hover {
color: #FFFFFF;
background-color: {linkcolor};
text-decoration: none;
border-color: #000000;
border-style: solid;
border-width: 1px;
margin: 1px;
spacing: 1px;
padding: 1px;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width: 1em;
text-decoration: none;
}
.cat A:link, .cat A:visited, .cat A:active {
color: {linkcolor};
text-decoration: none;
}
.cat A:hover {
color: {hovercolor};
text-decoration: underline;
}

</style>

$headnewpm
shiva
07-24-2002, 11:02 AM
hmm, that should be right actually, unless it's the caps, though I don't see why.

body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}

is the proper code, at least according to O'Reilly CSS reference.
mashby
07-24-2002, 05:18 PM
AND it looks right in IE. I don't see any spaces at all. What browser and OS are you using?
shiva
07-24-2002, 08:49 PM
Ah, there you go, it may be the browser. :)
I remember the site design, people with apple os had some problems with the CSS, especially if they didn't upgrade from 4.0 browsers. Looked kind of funky. :)

Think there's a CSS validater around, I do know TopStyle has a validater that checks the CSS with different versions, os and browsers, pretty sure there's one for free on the web, just can't remember where. Guys?
mashby
07-25-2002, 03:45 PM
The W3C has a validator that I use [link (http://jigsaw.w3.org/css-validator/)]