Homepage Fragment Text

[absolute-audio]

Is there a way within the fragments on the front page to actually centralise text as there appears to be no way to directly do it by wrapping text as have tried <c></c> and it doesn't seem to work (unless I haven't done it correctly!)

Thanks for any help

[jont]

<c> is not a valid markup tag. You will need to use something like the following in the layout.. best to add a class to the actual code than applying the code directly into the fragment text ... duplicate the fragment you are using (right click and copy in the library) and call it a new name.. edit the layout

<div class="centredText">.. code for text ...</div>

and in the actinic.css stylesheet add

.centredText {
text-align: center;
}

this then empowers the text to be styled with different colours, re-sized or aligned left should you require at a later point without having to manually change all the fragments on the homepage.

[Duncan Rounding]

Jonty's solution is by far the best and most sensible way but the old fashioned (probably depricated) <center></center> tag would also work.

If you put code into a frament text region you must precede it by !!< and follow it by >!!

[absolute-audio]

<c> is not a valid markup tag. You will need to use something like the following in the layout.. best to add a class to the actual code than applying the code directly into the fragment text ... duplicate the fragment you are using (right click and copy in the library) and call it a new name.. edit the layout

<div class="centredText">.. code for text ...</div>

and in the actinic.css stylesheet add

.centredText {
text-align: center;
}

this then empowers the text to be styled with different colours, re-sized or aligned left should you require at a later point without having to manually change all the fragments on the homepage.

Do you mean adding in next to the variable in the Layout Code?TRIED THIS...
And where is this? FOUND IT

Thanks

[absolute-audio]

Have had no luck with this - tried placing it as said and I must be doing it wrong as the code just keeps appearing on my webpage...any ideas?

Thanks

[leehack]

Show us what you have done, it must be wrong if the tags are showing.

[absolute-audio]

http://www.ultimate-av.co.uk/P-index.html

Obviously, graphically, it won't be like this but you get the gist from the fragment sections....,

[leehack]

Show us the layout with the added code, not the resulting page. In other words show us what you did in actinic, not the resultant errors.

[absolute-audio]

<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentAnchor%22%20%2f%3e%20!=%20%22%22">
<a name="<actinic:variable name='FragmentAnchor' />"></a>
</actinic:block>
<table width="100%" cellspacing="0" cellpadding="10" border="0">
<tr>
<td align="left" valign="top">
<b><actinic:variable Name="FragmentTitle"/></b>
<br />
<actinic:variable Name="FragmentText"/><div class="centredText">.. code for text ...</div>

</td>
</tr>
</table>

Actinic CSS Stylesheet

html,body {
margin: 0px;
padding: 0px;
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20True">
background-color:<actinic:variable name="BGColor"/>;
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20False">
background-image: url("<actinic:variable name="BackgroundImageFileName" />");
</actinic:block>
font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
color: <actinic:variable name="TextColor" />;
font-size: <actinic:variable name="StandardFontSize" />;

.centredText {
text-align: center;
}


}

I am sure it can be done - I am trying to achieve something like this:

http://www.usb-storage-finder.co.uk

[leehack]

<actinic:variable Name="FragmentText"/><div class="centredText">.. code for text ...</div>

sheesh, you do misunderstand the instructions big time.

Firstly, this part ".. code for text ..." is referring to the text that gets included by actinic, in other words, the "<actinic:variable Name="FragmentText"/>" part.

Where you have opened up the <div>, i.e. <div class="centredText"> and then closed it with </div>, it is everything in between the opening and closing tag that will be centered.

so:

<div class="centredText"><actinic:variable Name="FragmentText"/></div>

would be what you are trying to achieve.

However you probably want the title included too i expect, so replace:

<b><actinic:variable Name="FragmentTitle"/></b>
<br />
<actinic:variable Name="FragmentText"/><div class="centredText">.. code for text ...</div>

with

<div class="centredText">
<b><actinic:variable Name="FragmentTitle"/></b>
<br />
<actinic:variable Name="FragmentText"/>
</div>

If it doesn't work, once again show how you have implemented it.

[absolute-audio]

Ok, ok, ok...no need to rub it in to someone who has no Actinic design experience whatsoever!

Have done that, but it hasn't centralised. What about the inclusion within the Actinic stylesheet, is that entry ok? It can't be, otherwise it would work!

[leehack]

Last line of my post, gives you the best course of action to follow. (The bold sentence)

btw - i wasn't trying to rub it in, just an exclamation, i guess i see 'webmaster' in a signature and i presume there is at least html experience, which is obviously wrong on my part. Sorry.

[absolute-audio]

All is forgiven - I do have HTML experience, just not Actinic-style!!!

The Actinic stylesheet has the following as instructed...

Actinic CSS Stylesheet

html,body {
margin: 0px;
padding: 0px;
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20True">
background-color:<actinic:variable name="BGColor"/>;
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20False">
background-image: url("<actinic:variable name="BackgroundImageFileName" />");
</actinic:block>
font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
color: <actinic:variable name="TextColor" />;
font-size: <actinic:variable name="StandardFontSize" />;

.centredText {
text-align: center;
}


}

[jont]

I do have HTML experience, just not Actinic-style!!!


.centredText {
text-align: center;
}


}

The HTML in Actinic is the same as all other HTML .. it is the Actinic Variables that are held in place by the HTML that are usnique.

Anyhows...

You have nested the .centredText snippet inside the previous block ... move it outside the last closing }

[leehack]

Lets not get into debates about your html ability, which is what we are talking about. The below is a standard html tag, nothing to do with actinic at all:

<div class="centredText">.. code for text ...</div>?

Anyway, just add your new CSS style to the very bottom of the current stylesheet, rather than nesting it within a current declaration.