Unable to place a background pattern in to my header

May 4, 2009

Good evening everyone, thank you for reading this

I have been at this for over 4hours. I am have tried everything.

Div styles, table style, <tr class="headerNavigation">

<td class="headerNavigation"> using background url at teh begining of the header.

nothing, i am still unable to get the header to have repeat the css patter of the body or the headernavigation. Its on the logo covering the header because the logo is a gif.

here is my bastardised header code.

<?php /* Big Fat Ebook Store http://www.anewshop.co.uk */

// check if the 'install' directory exists, and warn of its existence

if (WARN_INSTALL_EXISTENCE == 'true') {

if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {

$messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');

}

}

// check if the configure.php file is writeable

if (WARN_CONFIG_WRITEABLE == 'false') {

if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {

$messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');

}

}

// check if the session folder is writeable

if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {

if (STORE_SESSIONS == '') {

if (!is_dir(tep_session_save_path())) {

$messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');

} elseif (!is_writeable(tep_session_save_path())) {

$messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');

}

}

}

// check session.auto_start is disabled

if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {

if (ini_get('session.auto_start') == '1') {

$messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');

}

}

if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {

if (!is_dir(DIR_FS_DOWNLOAD)) {

$messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');

}

}

if ($messageStack->size('header') > 0) {

echo $messageStack->output('header');

}

?>

<tr class="headerNavigation">

<td class="headerNavigation">

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

<tr><td valign=top>

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

<tr class="header">

<td align="left" valign="top" class="smallText">

<?php echo '<img src="images/mylogo.gif"';?>

</td>

<td align="center" valign="top" class="smallText">

</td>

<td align="right" valign="top" class="smallText">

<?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', STORE_NAME .' - ' . STORE_SLOGAN . ' - ' . META_DESCRIPTION) . '</a>  <a href="' . tep_href_link(FILENAME_CONTACT_US) . '">' . tep_image(DIR_WS_IMAGES . 'header_contact_us.gif') . '</a>  <a href="' . tep_href_link(FILENAME_FAQ) . '">' . tep_image(DIR_WS_IMAGES . 'header_help.gif') . '</a>';?>

</td>

</tr>

</table>

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

<tr class="headerNavigation">

<td class="headerNavigation">  <?php echo $breadcrumb->trail(' » '); ?></td>

<td align="right" class="headerNavigation">

<?php echo ( (!tep_session_is_registered('customer_id') and (!strstr($PHP_SELF,FILENAME_LOGIN) and !strstr($PHP_SELF,'create')) ) ? ('<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '"' . ' " class="headerNavigation">' . HEADER_TITLE_LOGIN . '</a>') : ''); ?><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a><?php } ?>

  </td>

</tr>

</table>

<?php

if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {

?>

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

<tr class="headerError">

<td class="headerError"><?php echo htmlspecialchars(urldecode($HTTP_GET_VARS['error_message'])); ?></td>

</tr>

</table>

<?php

}

if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {

?>

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

<tr class="headerInfo">

<td class="headerInfo"><?php echo htmlspecialchars($HTTP_GET_VARS['info_message']); ?></td>

<?php } ?>

as you can see i have left the td= class"smalltext" because i have just this second tried it and nothign has worked. i have managed to to it thought aout the website, but the header is not playing ball.

sorry it very late in the UK and i am tired. is 2am. any help would be greatfull -

Also - how do you import / embed a url with is the container for an xml feed - an sure is asked a million times here. but i just cant find out how to do it.

thank you reading.

Matt

vicster · May 4, 2009

Is this your entire header code? If so, there is no <table> before the first <tr...> and <td...>. If this is indeed your problem, then do not forget to close the table at the end of the header.

May 4, 2009

Is this your entire header code? If so, there is no <table> before the first <tr...> and <td...>. If this is indeed your problem, then do not forget to close the table at the end of the header.

thank you - sorry very tired. No, thats not the problem, i have put them in - and it doesnt make any difference. but thank you for taking the time to read.

Matt

germ · May 4, 2009

In the stylesheet:

<td align="left" valign="top" class="[color="#FF0000"]border[/color]">
<?php echo '<img src="images/mylogo.gif"';?>
</td>

<td align="center" valign="top" class="[color="#FF0000"]border[/color]">
</td>

<td align="right" valign="top" class="[color="#FF0000"]border[/color]">

Sometimes after changing the stylesheet you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

This works with IE and Firefox.

vicster · May 4, 2009

Try changing this:

<?php echo '<img src="images/mylogo.gif"';?>

</td>

to:

</td>

Also, I would check to make sure that all of the tables, tr's and td's are closed.

Hope this helps at least a little!

It's late here, too. :)

Update: Well, Germ seems to know! :)

May 4, 2009

Try changing this:

<td align="left" valign="top" class="smallText">

<?php echo '<img src="images/mylogo.gif"';?>

</td>

to:

<td align="left" valign="top">

<img src="images/mylogo.gif">

</td>

Also, I would check to make sure that all of the tables, tr's and td's are closed.

Hope this helps at least a little!

It's late here, too. :)

Update: Well, Germ seems to know! :)

germ always knows - however i am now unable to ftp my server.... ::shakes head in despair::

May 9, 2009

germ always knows - however i am now unable to ftp my server.... ::shakes head in despair::

Vicster my man, your right, Germ nailed it... ! thank you germ.

going to have to post more dumb questions shortly ;0

germ · May 9, 2009

You're welcome.

:)

However, the battle isn't over.

The site looks great in Firefox.

When I look at it in IE7 it's like it's a whole other place...

:o

I don't have a "debugger" for IE like I do FF, so I probably won't be much help.

I'd say it because of "wierd stuff" (don't know how else to describe it) in the stylesheet.

Example:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=images/background_stripebox.png);

The "square box characters" look different in FF, but I still don't know what they are.

And the styleshhet is full of that code.

:blush:

May 9, 2009

You're welcome.
:)

However, the battle isn't over.

The site looks great in Firefox.

When I look at it in IE7 it's like it's a whole other place...

:o

I don't have a "debugger" for IE like I do FF, so I probably won't be much help.

I'd say it because of "wierd stuff" (don't know how else to describe it) in the stylesheet.

Example:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=images/background_stripebox.png);
The "square box characters" look different in FF, but I still don't know what they are.

And the styleshhet is full of that code.

:blush:

Oh Germ....

Thats because, i want those dark stripes on all the cool sites... like http://news.bbc.co.uk/sport1/hi/motorsport...one/default.stm

it took me ages to get the stripes to run across etc

this is the full peice of code

PUT together by me! haha

  background: url(images/background_stripe.png);
 background: url(images/background_stripe.png) top left repeat-y repeat-x transparent;
_background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’, sizingMethod=’scale’, src=’images/background_stripe.png’);

i cant remember why there is the dximage thingy atm... but it wouldnt work with out...

if you have a better way! pleaseee tell me, i didnt want to be mithering everyonr

germ · May 9, 2009

Maybe you're using the wrong "apostrophe"

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/background_stripebox.png');

Try the same one used in PHP like that.

BACKUP WHAT YOU HAVE NOW IF YOU DECIDE TO EXPERIMENT.

Sometimes after changing the stylesheet you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

This works with IE and Firefox.

May 9, 2009

Oh Germ....
Thats because, i want those dark stripes on all the cool sites... like http://news.bbc.co.uk/sport1/hi/motorsport...one/default.stm

it took me ages to get the stripes to run across etc

this is the full peice of code

PUT together by me! haha
  background: url(images/background_stripe.png);
 background: url(images/background_stripe.png) top left repeat-y repeat-x transparent;
_background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’, sizingMethod=’scale’, src=’images/background_stripe.png’);
i cant remember why there is the dximage thingy atm... but it wouldnt work with out...

if you have a better way! pleaseee tell me, i didnt want to be mithering everyonr

Germ... i see what you mean about IE... wtf do i do... its not how i want the site to look at all!!!

its all white and with no lines or anything.... hmmmmmmm

Plus, the site now pans the entire window.... and not just the boundary i set in the CCS....

any tips or advice on this??

germ · May 9, 2009

Backup the stylesheet you have now and replace it with the code below.

Except for the width problem (I'm working on that) it make the site look the same in IE7 as it does FF.

:)

(At least it did on my PC)

I used the HTML source from your index and used the CSS code below "inline".

/* This requires a little html experience.  */
/* The colours are below are in HEX Colour Code format. ( e.g. #ffffff = white ) If you are unfamiliar with HEX codes, simply click on the HEX Colour Chart link in your Store Admin, which will bring up a colour chart for reference. */
/* All sections that can be changed are explained below. Simply edit your chosen section to your preferential colour scheme, then click on SAVE. You can then view your changes to your website using the View Your Store Link which opens in a new window. If you want to make more changes, click on EDIT */

/* The colour and font of the main title */

.title {
 font-family: calibri;
 font-size: 25px;
 color: #616161;
 font-weight : bold;
}

/* The colour and font of the main store slogan */

.slogan {
 font-family: calibri;
 font-size: 15px;
 color: #616161;
 font-weight : bold;
 background: url(images/background_stripebox.png);
}

/* colours of the main background and overall text. Background is the body background and color is the main text colour 

display: block; 
width: 1050px;
to stop the website spreading across the whole screen - placed in body section   */

BODY {
 background: url(images/background_stripebox.png);
 color: #ffffff;
 margin-left:auto;
 margin-right:auto;
 display: block; 
 width: 1150px;
}

/* colour of the header maybe given by germ on oscommerce */

.border {

 background: url(images/background_stripe.png);
}

/* colours of the links */

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #ff0033;
 text-decoration: underline;
}

/* colour of the border around the product Of HEADER*/


.border {border: #616161 5px transparent;}

/* text size of smaller text */

.boxText { font-family: calibri; font-size: 13px; }

/* colours of the top navigation area and the bottom navigation area and the links inside them */

TD.headerNavigation {
 font-family: calibri;
 font-size: 15px;
 background: url(images/background_stripebox.png);
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #ffffff;
 background: url(images/background_stripebox.png);
}

A.headerNavigation:hover {
 color: #ffffff;
 background: url(images/background_stripebox.png);
}

/* colour of the border around the side boxes, featured products box, etc */

.infoBox {
 background: url(images/background_stripebox.png);
 border: #616161 2px solid
}

/* colours and fonts inside the side boxes, featured products box, etc */

.infoBoxContents {
 background: url(images/background_stripe.png);
 font-family: calibri;
 font-size: 15px;
 color: #000000;
}

TD.infoBox, SPAN.infoBox {
 font-family: calibri;
 font-size: 15px;
 color: #000000;
}

/* colours and fonts of the page headings and box headings */

TD.infoBoxHeading {
 font-family: calibri;
 font-size: 15px;
 font-weight: bold;
 background: url(images/background_stripebox2.png);
 color: #ffffff;
}

/* colour of the border around the category pages, search results page, etc */


TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #000000;
 font-family: calibri;
 font-size: 15px;
 background: #ffffff;
 border-spacing: 0px;
}

/* fonts and links of the category pages, search results page, etc */

TD.productListing-data {
 font-family: calibri;
 font-size: 13px;
}

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: #616161;
 background: #FFFFFF;
}

/* fonts and font size of main text around the store */

TD.main, P.main {
 font-family: calibri;
 font-size: 14px;
 line-height: 1.5;
}

/* fonts and font size of any smaller text around the store */

TD.smallText, SPAN.smallText, P.smallText {
 font-family: calibri;
 font-size: 13px;
}

/* the look and feel of any online forms in the store */

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: calibri;
 font-size: 14px;
}

TEXTAREA {
 width: 100%;
 font-family: calibri;
 font-size: 14px;
}

TABLE.formArea {
 background: #ffffff;
 border-color: #616161;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: calibri;
 font-size: 15px;
 font-weight: bold;
}

/* font colour of special offer prices in category pages and on the special offers page*/

SPAN.productSpecialPrice {
 font-family: calibri;
 color: #ff0000;
}

/* font colour of special offer prices on the product pages */

SPAN.productSpecialPrice2 {
 font-family: calibri;
 color: #ffff00;
}

/* the settings for the display of the Categories boxes in the left column */

ul, ol, dl {
position: relative;  
}

.hide {
display:none;
}

#categories {
margin: 0;
padding: 0;
}

#categories dt {
margin: 2px;
padding: 2px 0 2px 10px;
font-size: 13px; 
font-family: calibri;
font-weight: bold; 
border: 1px solid #616161;
background: #ffffff url(images/pointer_blue.gif) no-repeat 3px 50%;
}

#categories dd {
margin: 2px;
padding: 2px 0 2px 10px;
font-size: 13px; 
font-family: calibri;
font-weight: bold; 
border: 1px solid #616161;
background: #ffffff url(images/pointer_blue.gif) no-repeat 3px 50%;
}

#categories a.selected {
 font-weight: bold; color: #000000;
}

/* the font and colour settings for the display of the Links Page */

TABLE.linkListing {
 border: 1px;
 border-style: solid;
 border-color: #616161;
 border-spacing: 0px;
}

.linkListing-heading {
 font-family: calibri;
 font-size: 13px;
 font-weight: bold;
 background: #ffffff;
 color: #000000;
 text-align: center;
}

TD.linkListing-data {
 border-right: 0px solid #ffffff;
 border-bottom: 1px solid #616161;
 padding: 5px;
 font-family: calibri;
 font-size: 13px;
}

TR.linkListing-odd {
 background: #ffffff;
}

TR.linkListing-even {
 background: #ffffff;
}

/* colours and behavior when a customer selects options during the checkout process */

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: calibri; font-size: 13px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: calibri; font-size: 11px; color: #4ba0e3; }

/* THERE IS NO NEED TO CHANGE ANY SETTINGS BELOW */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #FFFFFF; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

FORM {
display: inline;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #0000FF;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #ffffff;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #0000FF;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

.infoBoxNotice {
 background: #FFFFFF;
}

.infoBoxNoticeContents {
 background: #ffffff;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #0000FF;
 color: #FFFFFF;
 font-weight: bold;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 18px;
 font-weight: bold;
 color: #0000FF;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #0000FF;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

May 9, 2009

Backup the stylesheet you have now and replace it with the code below.

Except for the width problem (I'm working on that) it make the site look the same in IE7 as it does FF.

:)

(At least it did on my PC)

I used the HTML source from your index and used the CSS code below "inline".

/* This requires a little html experience.  */
/* The colours are below are in HEX Colour Code format. ( e.g. #ffffff = white ) If you are unfamiliar with HEX codes, simply click on the HEX Colour Chart link in your Store Admin, which will bring up a colour chart for reference. */
/* All sections that can be changed are explained below. Simply edit your chosen section to your preferential colour scheme, then click on SAVE. You can then view your changes to your website using the View Your Store Link which opens in a new window. If you want to make more changes, click on EDIT */

/* The colour and font of the main title */

.title {
 font-family: calibri;
 font-size: 25px;
 color: #616161;
 font-weight : bold;
}

/* The colour and font of the main store slogan */

.slogan {
 font-family: calibri;
 font-size: 15px;
 color: #616161;
 font-weight : bold;
 background: url(images/background_stripebox.png);
}

/* colours of the main background and overall text. Background is the body background and color is the main text colour 

display: block; 
width: 1050px;
to stop the website spreading across the whole screen - placed in body section   */

BODY {
 background: url(images/background_stripebox.png);
 color: #ffffff;
 margin-left:auto;
 margin-right:auto;
 display: block; 
 width: 1150px;
}

/* colour of the header maybe given by germ on oscommerce */

.border {

 background: url(images/background_stripe.png);
}

/* colours of the links */

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #ff0033;
 text-decoration: underline;
}

/* colour of the border around the product Of HEADER*/


.border {border: #616161 5px transparent;}

/* text size of smaller text */

.boxText { font-family: calibri; font-size: 13px; }

/* colours of the top navigation area and the bottom navigation area and the links inside them */

TD.headerNavigation {
 font-family: calibri;
 font-size: 15px;
 background: url(images/background_stripebox.png);
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #ffffff;
 background: url(images/background_stripebox.png);
}

A.headerNavigation:hover {
 color: #ffffff;
 background: url(images/background_stripebox.png);
}

/* colour of the border around the side boxes, featured products box, etc */

.infoBox {
 background: url(images/background_stripebox.png);
 border: #616161 2px solid
}

/* colours and fonts inside the side boxes, featured products box, etc */

.infoBoxContents {
 background: url(images/background_stripe.png);
 font-family: calibri;
 font-size: 15px;
 color: #000000;
}

TD.infoBox, SPAN.infoBox {
 font-family: calibri;
 font-size: 15px;
 color: #000000;
}

/* colours and fonts of the page headings and box headings */

TD.infoBoxHeading {
 font-family: calibri;
 font-size: 15px;
 font-weight: bold;
 background: url(images/background_stripebox2.png);
 color: #ffffff;
}

/* colour of the border around the category pages, search results page, etc */


TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #000000;
 font-family: calibri;
 font-size: 15px;
 background: #ffffff;
 border-spacing: 0px;
}

/* fonts and links of the category pages, search results page, etc */

TD.productListing-data {
 font-family: calibri;
 font-size: 13px;
}

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: #616161;
 background: #FFFFFF;
}

/* fonts and font size of main text around the store */

TD.main, P.main {
 font-family: calibri;
 font-size: 14px;
 line-height: 1.5;
}

/* fonts and font size of any smaller text around the store */

TD.smallText, SPAN.smallText, P.smallText {
 font-family: calibri;
 font-size: 13px;
}

/* the look and feel of any online forms in the store */

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: calibri;
 font-size: 14px;
}

TEXTAREA {
 width: 100%;
 font-family: calibri;
 font-size: 14px;
}

TABLE.formArea {
 background: #ffffff;
 border-color: #616161;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: calibri;
 font-size: 15px;
 font-weight: bold;
}

/* font colour of special offer prices in category pages and on the special offers page*/

SPAN.productSpecialPrice {
 font-family: calibri;
 color: #ff0000;
}

/* font colour of special offer prices on the product pages */

SPAN.productSpecialPrice2 {
 font-family: calibri;
 color: #ffff00;
}

/* the settings for the display of the Categories boxes in the left column */

ul, ol, dl {
position: relative;  
}

.hide {
display:none;
}

#categories {
margin: 0;
padding: 0;
}

#categories dt {
margin: 2px;
padding: 2px 0 2px 10px;
font-size: 13px; 
font-family: calibri;
font-weight: bold; 
border: 1px solid #616161;
background: #ffffff url(images/pointer_blue.gif) no-repeat 3px 50%;
}

#categories dd {
margin: 2px;
padding: 2px 0 2px 10px;
font-size: 13px; 
font-family: calibri;
font-weight: bold; 
border: 1px solid #616161;
background: #ffffff url(images/pointer_blue.gif) no-repeat 3px 50%;
}

#categories a.selected {
 font-weight: bold; color: #000000;
}

/* the font and colour settings for the display of the Links Page */

TABLE.linkListing {
 border: 1px;
 border-style: solid;
 border-color: #616161;
 border-spacing: 0px;
}

.linkListing-heading {
 font-family: calibri;
 font-size: 13px;
 font-weight: bold;
 background: #ffffff;
 color: #000000;
 text-align: center;
}

TD.linkListing-data {
 border-right: 0px solid #ffffff;
 border-bottom: 1px solid #616161;
 padding: 5px;
 font-family: calibri;
 font-size: 13px;
}

TR.linkListing-odd {
 background: #ffffff;
}

TR.linkListing-even {
 background: #ffffff;
}

/* colours and behavior when a customer selects options during the checkout process */

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: calibri; font-size: 13px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: calibri; font-size: 11px; color: #4ba0e3; }

/* THERE IS NO NEED TO CHANGE ANY SETTINGS BELOW */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #FFFFFF; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

FORM {
display: inline;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #0000FF;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #ffffff;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #0000FF;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

.infoBoxNotice {
 background: #FFFFFF;
}

.infoBoxNoticeContents {
 background: #ffffff;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #0000FF;
 color: #FFFFFF;
 font-weight: bold;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 18px;
 font-weight: bold;
 color: #0000FF;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #0000FF;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

Well mr Germ

with punching that all in atm. i can see already that there is no x and y function. this is needed because the png file is tiny - get them from herehttp://www.stripegenerator.com/

u do love png files - far better then the gif files.

germ · May 9, 2009

Well mr Germ

with punching that all in atm. i can see already that there is no x and y function. this is needed because the png file is tiny - get them from herehttp://www.stripegenerator.com/

u do love png files - far better then the gif files.

You're complaining before you even try it???

:unsure:

I guess you're on your own now, Bub..

May 9, 2009

mr germ, i am actually trying it now.

hey i have missed owrds on the last post - am getting tired. its late herr. being on the site hours. need to rest, going to watch Lethel weapon - ment nothing by it germ. tired mr man thank you for the effort in helping me :) :wub:

May 9, 2009

Ok, Mr Germ, i rocked in all those changes....

How on earth.... What did i do wrong>>> i dont understand :( you got it work super simply.... please can you tell me how you did it. i cant even stop to see it....

:blush: THANK YOU -

EDIT: the white around the centre consol on the IE v- is eminataing the from Amazon store code. i plonked in your code- but it didnt work, unlike FF. either way, thank you Mr Germ

Unable to place a background pattern in to my header

Recommended Posts

Guest

vicster

Guest

germ

vicster

Guest

Guest

germ

Guest

germ

Guest

germ

Guest

germ

Guest

Guest

Archived

Browse

Activity