XSitePro Website Design Software Message Board • View topic

View unanswered posts | View active topics

Board index » XSitePro » Technical Discussion

All times are UTC - 7 hours

1.5 spacing in HTML

Moderators: BenXSitePro, Paul, Matt, Mel, Jim Van Wyck, Jason

Page 1 of 1

[ 6 posts ]

Print view

Previous topic | Next topic

Author

Message

Ash J

Post subject: 1.5 spacing in HTML

Posted: Thu May 03, 2012 7:54 pm

Joined: Thu Aug 07, 2008 4:00 am
Posts: 492
Location: Gold Coast Australia

Hi
I'm trying to work out how to increase the size of the
spacing between text from normal (1) to say 1.5 times spacing.

The part on my site I'm trying to do it is on my right
hand panel and the text is in a table as per below.
The lines are all hyperlinks to other pages.

<ul>
<li>
<div align="left">
<a href="URL">text</a>
</div>
</li>
<li>
<div align="left">
<a href="URL">text</a>
</div>
</li>
<li>
<div align="left">
<a href="URL">text</a>
</div>
</li>
</ul>

I've tried using bits of HTML code but just can't seem to get it to work.

Any ideas with code would be greatly welcomed.
Thanks
Ash.

_________________
Interesting XSP Websites To Check Out
CFD Trading
CFD Trading Strategy
Concrete Resurfacing Sydney
Fall Protection Safety
Antenna Installation Sydney

Top

ablewebs

Post subject: Re: 1.5 spacing in HTML

Posted: Thu May 03, 2012 8:04 pm

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3448
Location: Vancouver, BC, Canada

You need CSS for that. Here's one way to do it.

Code:

<ul>
<li style="line-height: 1.5em;">
<div align="left">
<a href="URL">text</a>
</div>
</li>
<li style="line-height: 1.5em;">
<div align="left">
<a href="URL">text</a>
</div>
</li>
<li style="line-height: 1.5em;">
<div align="left">
<a href="URL">text</a>
</div>
</li>
</ul>

_________________
Andrea Wilson

1. Custom XSitePro Templates. XSitePro Consulting and Training. FREE TIPS!

2. Off-the-Shelf XSitePro Templates! Versatile designs. Easy to manage and maintain!

3. AllWebMenus Pro and XSitePro Work Perfectly Together! NEW!

Top

Ash J

Post subject: Re: 1.5 spacing in HTML

Posted: Thu May 03, 2012 10:17 pm

Joined: Thu Aug 07, 2008 4:00 am
Posts: 492
Location: Gold Coast Australia

As always Andrea, you have been most helpful.

I'm not in front of my XSP pro right now but when i get home I'll
give that a shot and report back.

Thanks again.
Ash.

_________________
Interesting XSP Websites To Check Out
CFD Trading
CFD Trading Strategy
Concrete Resurfacing Sydney
Fall Protection Safety
Antenna Installation Sydney

Top

ablewebs

Post subject: Re: 1.5 spacing in HTML

Posted: Fri May 04, 2012 7:19 am

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3448
Location: Vancouver, BC, Canada

Another way to do this, Ash, would be as follows...

Other > Global Scripts > HEAD section:

Code:

<style>
li.spacing {line-height: 1.5em;}
</style>

OR

<style>
.spacing {line-height: 1.5em;}
</style>

In #1 above the "spacing" class will only work for <li> tags. In #2 above, the "spacing" class can be applied to any HTML element.

In the Source view it looks the same regardless of which option you use from the code above:

Code:

<ul>
<li class="spacing">
<div align="left">
<a href="URL">text</a>
</div>
</li>
<li class="spacing">
<div align="left">
<a href="URL">text</a>
</div>
</li>
<li class="spacing">
<div align="left">
<a href="URL">text</a>
</div>
</li>
</ul>

Top

Ash J

Post subject: Re: 1.5 spacing in HTML

Posted: Fri May 04, 2012 10:59 pm

Joined: Thu Aug 07, 2008 4:00 am
Posts: 492
Location: Gold Coast Australia

Hi Andrea

Perfect. That code worked a treat. I just tried the 1st one you gave
and all looking great and a little easier to read as opposed to being
all bunched up.

Thanks again
Ash

_________________
Interesting XSP Websites To Check Out
CFD Trading
CFD Trading Strategy
Concrete Resurfacing Sydney
Fall Protection Safety
Antenna Installation Sydney

Top

ablewebs

Post subject: Re: 1.5 spacing in HTML

Posted: Sat May 05, 2012 2:55 pm

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3448
Location: Vancouver, BC, Canada

You're very welcome, Ash.

Top

Page 1 of 1

[ 6 posts ]

Board index » XSitePro » Technical Discussion

All times are UTC - 7 hours

Who is online

Users browsing this forum: dynamicdr, Google [Bot] and 2 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum