Need StyleSheet Help

[tinkerbell46325]

I'm want to get rid of white spaces bt categories in the Pink colums right and left but how to edit e'm?

PM me or sumthing -t h e w edding store LA . c o m Thanks!

[germ]

Not exactly sure what you want.

 

The HTML source looks like this:

 

<table width="100%" align="center" background="" border="0" cellpadding="75">
<tr>
<td>
<table width="100%" align="center" bgcolor="#ffffff" border="1" bordercolor="#ff99cc">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>

<!-- header //-->
</tr></table><table width="990" align="center" border="0"><tr><td>

If you want to squish the borders down to meet the existing width of the osC content, change this:

 

<table width="100%" align="center" background="" border="0" cellpadding="75">

to

 

<table width="100%" align="center" background="" border="0" cellpadding="135">

Or making the osC content wider by changing this:

 

<table width="990" align="center" border="0"><tr><td>

to

 

<table width="1190" align="center" border="0"><tr><td>

Maybe I've missed the mark completely.

:blush:

[tinkerbell46325]

Not exactly sure what you want.

 

The HTML source looks like this:

 

<table width="100%" align="center" background="" border="0" cellpadding="75">
<tr>
<td>
<table width="100%" align="center" bgcolor="#ffffff" border="1" bordercolor="#ff99cc">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>

<!-- header //-->
</tr></table><table width="990" align="center" border="0"><tr><td>

If you want to squish the borders down to meet the existing width of the osC content, change this:

 

<table width="100%" align="center" background="" border="0" cellpadding="75">

to

 

<table width="100%" align="center" background="" border="0" cellpadding="135">

Or making the osC content wider by changing this:

 

<table width="990" align="center" border="0"><tr><td>

to

 

<table width="1190" align="center" border="0"><tr><td>

Maybe I've missed the mark completely.

:blush:

Thanks for the Reply, No you are right, but in what file to make these changes? index.? Also in stlysheet if you look at the site now, there's a white separator between boxes, how to get rid of that, if it can be done but i guess it be in the columns not in syltesheet right* oh and I missed you ******

.infoBoxContents {
 background: #ff99cc;
 font-family: Arial, Verdana, Georgia;
 font-size: 11px;
}

.infoBoxNotice {
 background: #FFFFFF;
}

.infoBoxNoticeContents {
 background: #ffffff;
 font-family: Georgia;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: ARIAL;
 font-size: 13px;
 font-weight: bold;
 background: #ff99cc;
 color: #fc83af;

[tinkerbell46325]

Not exactly sure what you want.

 

The HTML source looks like this:

 

<table width="100%" align="center" background="" border="0" cellpadding="75">
<tr>
<td>
<table width="100%" align="center" bgcolor="#ffffff" border="1" bordercolor="#ff99cc">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>

<!-- header //-->
</tr></table><table width="990" align="center" border="0"><tr><td>

If you want to squish the borders down to meet the existing width of the osC content, change this:

 

<table width="100%" align="center" background="" border="0" cellpadding="75">

to

 

<table width="100%" align="center" background="" border="0" cellpadding="135">

Or making the osC content wider by changing this:

 

<table width="990" align="center" border="0"><tr><td>

to

 

<table width="1190" align="center" border="0"><tr><td>

Maybe I've missed the mark completely.

:blush:

Thanks for the Reply, No you are right, but in what file to make these changes? index.? Also in stlysheet if you look at the site now, there's a white separator between boxes, how to get rid of that, if it can be done but i guess it be in the columns not in syltesheet right*

.infoBoxContents {
 background: #ff99cc;
 font-family: Arial, Verdana, Georgia;
 font-size: 11px;
}

.infoBoxNotice {
 background: #FFFFFF;
}

.infoBoxNoticeContents {
 background: #ffffff;
 font-family: Georgia;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: ARIAL;
 font-size: 13px;
 font-weight: bold;
 background: #ff99cc;
 color: #fc83af;

[germ]

The code I quoted earlier you would find in /includes/header.php (I think)

 

The white separator is from code in /index.php

 

	<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->

and

 

	<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- right_navigation //-->

In both of those change cellpadding="2" to cellpadding="0"

[tinkerbell46325]

The code I quoted earlier you would find in /includes/header.php (I think)

 

The white separator is from code in /index.php

 

	<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->

and

 

	<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- right_navigation //-->

In both of those change cellpadding="2" to cellpadding="0"

Thanks this works, as you can see there's no space between the top middle bar' and the beginner :blush: of the columns ' i would like sum space ther' if possible, well let me know

[germ]

cellpadding="1"

[tinkerbell46325]

cellpadding="1"

Alright got it Thanks :)

[tinkerbell46325]

cellpadding="1"

because i want it without the separator i have it as cellpadding="1"

 

the issue is on the info links' the separators are there again in any of those pages , but it works fine on the main n categories'

well must want to pull my ears don't know why's doing that, how to fix?

[germ]

Works:

 

<!-- body //-->
<table width="100%" border="0" cellpadding="1" cellspacing="0">
 <tr>
<td valign="top" width="170"><table width="170" border="0" cellpadding="0" cellspacing="0">
<!-- left_navigation //-->
<!-- categories //-->

Doesn't work:

 

<!-- body //-->
<table width="100%" border="0" cellpadding="3" cellspacing="3">
 <tr>
<td valign="top" width="170"><table width="170" border="0" cellpadding="2" cellspacing="0">
<!-- left_navigation //-->
<!-- categories //-->

[tinkerbell46325]

Works:

 

<!-- body //-->
<table width="100%" border="0" cellpadding="1" cellspacing="0">
 <tr>
<td valign="top" width="170"><table width="170" border="0" cellpadding="0" cellspacing="0">
<!-- left_navigation //-->
<!-- categories //-->

Doesn't work:

 

<!-- body //-->
<table width="100%" border="0" cellpadding="3" cellspacing="3">
 <tr>
<td valign="top" width="170"><table width="170" border="0" cellpadding="2" cellspacing="0">
<!-- left_navigation //-->
<!-- categories //-->

OKAY should i replace this for the one that works, or the one that doesn't work? LOL im confuse now , bc looks like the one that doesn't work "works " :-)

<!-- body //-->
<table width="100%" border="0" cellpadding="3" cellspacing="3">
 <tr>
<td valign="top" width="170"><table width="170" border="0" cellpadding="2" cellspacing="0">
<!-- left_navigation //-->
<!-- categories //-->

[germ]

In the code I posted look at the differences in these lines:

 

<table width="100%" border="0" cellpadding="3" cellspacing="3">

<td valign="top" width="170"><table width="170" border="0" cellpadding="2" cellspacing="0">

Then look in your main index.php and change what doesn't work to what works.