X-Cart forums

[divinechic]

I can't get my home text to align nicely as you can see

www.divinechic.com I tried to use DIV tag and make the side margins at least 10px but it didn't change anything. Where should I be making these changes? It's only on the home page as far as I can see.

[kube]

Hi Divine,

At present you have this in your source...
<div><span style="FONT-SIZE: 10pt; FONT-FAMILY: Bookman Old Style">Welcome to Divine Chic, specialist ...</span></div>

If you take a closer look you can see that you have an empty div tag which is helping the span tag to look like a block level element (in effect making it look like it starts a new paragraph). An inline element such as spans sometimes has troubles displaying margins.

To remedy this there are two ways...
1. use the existing spans and turn them into block level elements in the style attribute with display:block;

or

2. Get rid of all span tags for the text and place into the existing empty Div's style attribute the margin there. This might result in cleaner code.


Make sure you back up, below I have added margin:30px to both examples below so you can see the effect as sometimes 10px can be deceiving and look like it's not working.

Remedy 1 would look like (your existing code with addition of display:block )...
<div><span style="Display:block; Margin:30px;FONT-SIZE: 10pt; FONT-FAMILY: Bookman Old Style">Welcome to Divine Chic, specialist ...</span></div>

Remedy 2 would be (remove spans and cleaner code)....
<div style="margin:30px; FONT-SIZE: 10pt; FONT-FAMILY: Bookman Old Style">Welcome to Divine Chic, specialist ...</div>


Remember this is for the text divs and spans only. Do not touch anything else which doesn't have to do with your welcome text.

I do apologise if I have made things a little tricky to understand. Sometimes the WYSIWYG just messes up the code too much.

Edit: PS. It's too early in the morning I can still taste the toothpaste ;D Thinking about it again; you could get rid of the surrounding empty div tags if you were to include the display:block in the span's style attribute.

Hope this helps.
Regards,
Doms

[kube]

blah :P

Ignore what I wrote above and just add this in the style attribute of the span tag

Display:block; Margin:10px;

Better. Makes much more sense now ;D

[divinechic]

Thank you Kube, but I am niot quite sure as to where I would add this, could you tell me?

[kube]

How are you currently editing it at the moment?

Isn't it at skin1/customer/main/welcome.tpl ?

I only ask as I'm unsure as to how you've entered your home/welcome text already.

[divinechic]

Yes I am editing in Languages but I don't know where in the code of the welcome text to add that little snippet you gave me

[kube]

Doesn't your txt_welcome in languages contain all those <div> and <span> tags then? We might want to find out where they are coming from first.