Header Text Align in Act_shoppingCart.html

[Mick Jackson]

I am trying to add header text to Act_Shopping_Cart.html.

The font size and color work OK but I am having difficulty with ALIGN="CENTER" which is being ignored.

Any simple solution to the problem, as you will gather my knowldge of HTML and the way Catalog works under the bonnet is mostly 'hit & miss.'

below is my attempt, so far.

<p>
<FONT SIZE="2" COLOR="666666"><ALIGN="CENTER">
<p>
UK last posting dates for Christmas 2006 - as advised by the Post Office.<p>
2nd. Class - Saturday 16th. December<br>
1st. Class - Tuesday 19th. December<br>
Special delivery (excluding Saturday delivery) - Thursday 21st. December<p>
These dates are advisory only and are not a guarantee of Christmas delivery.
</FONT SIZE></FONT COLOR></ALIGN>
<p>
<p>

[jont]

You will need to use the align in a <span> or <div> tag .. eg: <span align...>

Better still use CSS to style the header. Eg <div class="cartHeader">

in the actiic.css use:

.cartHeader {
font-size: 18px;
color: #666;
text-align: center;
}

this will keep code on the page to a minimum and allow you to change anything at a later date

[Mick Jackson]

Thanks jont,

Getting near 'knocking off' will try the CSS route with a fresh head, first thing tomorrow.

[Mick Jackson]

jont,

You are brilliant, worked first time, just need to adjust the Font settings and the job will be done.

Just wish I knew more and could answer question rather than always asking them.

Where would we some of us be without help from forum members.

Thanks again.

[jont]

You are brilliant

Modesty prevents me from accepting this

To change the font place the following in the first line of the above CSS snippet :

font-family: verdana, arial, tahoma, sans-serf;

or which ever font group you are using

[Mick Jackson]

Nearly there, but must have done something slightly wrong, as the CSS has affected other text on the page.

Perhaps I have not used the correct code to close the 'div class'

Tried </div> and </div class>

This is what I put into Actinic.css, immediately after the last entry. This is just as I wanted. Just need to stop the code affecting the rest of the page.

.CartHeader{font-family: verdana,
arial, tahoma, sans-serif;<font face="Arial, Helvetica, sans-serif"> </font>font-size:
12px; color: #666666; text-align: center;}

This is the entry in Act_ShoppingCart.html

<p>
<div class="CartHeader">
<p>
UK last posting dates for Christmas 2006 - as advised by the Post Office.<p>
2nd. Class - Saturday 16th. December<br>
1st. Class - Tuesday 19th. December<br>
Special delivery (excluding Saturday delivery) - Thursday 21st. December<p>
These dates are advisory only and are not a guarantee of Christmas delivery.<p>
Order early to avoid disappointment.</div class>

Further help will be greatly appreciated.

[jont]

Try :

<div class="CartHeader">
UK last posting dates for Christmas 2006 - as advised by the Post Office.<br />
2nd. Class - Saturday 16th. December<br />
1st. Class - Tuesday 19th. December<br />
Special delivery (excluding Saturday delivery) - Thursday 21st. December<br />
These dates are advisory only and are not a guarantee of Christmas delivery<br />
Order early to avoid disappointment.</div>

and the CSS should be:

.CartHeader {
font-family: arial, helvetica, tahoma, sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
}

[Mick Jackson]

Oops! Sorry jont,

My fault I accidently corrupted the Actinic.css file. Good job I keep an up to date copy of Site1.

Everything working OK using the original code you provided with the font information added.

Apologies for the extra work caused.

I am well pleased with the results.