Spaces in HTML for a template

[necron_uk]

I currently run 2 business and am working on one of the sites which is a template site.

I would like to know how to incorporate spaces between 2 seperate pieces of text.

- locate vehicles.......................................... .......Over 550 000 km of roads
(have to use dots here as i get the same issue)

I have two images side by side and need this text under them.

trying traditional methods i.e. using normal spacing gives me this

- locate vehiclesOver 550 000 km of roads

What do i need to do or include?

Thanks in advance for the assistance

[minute44]

There are a few things toy could do here.

  is a non-breaking space. A series of these will do the job but it is very messy and not desireable.

Another way is to put it in a table and have a column between the two peices of text.

The best way however is to make a class in CSS for that pariculat text element.

for example

Code: Select all

.foo {
margin-right: 50px
}

then apply the class to the txt you want to have a big space on the right.

[ukgeoff]

As you have discovered, browsers only render the first space in a sequence of spaces and ignore the rest.

There a number of possible approaches and it really depends on the amount of layout you have, how often you might need to change it and so forth.

The easiest approach is to use what are known as non-breaking spaces instead of ordinary spaces.

You do this be inserting the code   total of six characters, for each space required.

Another option might be have a div element as a container and then use span elements around the pieces of text with css used to specify one to align left and the other to align right.

As I said horses for courses. Come back if you want more info.

[necron_uk]

  works for me guys, thankyou for your assist, have a look at this

www.tangent-distribution.co.uk

[minute44]

Originally Posted by necron_uk

  works for me guys, thankyou for your assist, have a look at this

www.tangent-distribution.co.uk

It might work but I urge you to explore the CSS option for overcoming this issue. It is a lot more accessible and you will have good karma bestowed upon you for doing it.

[necron_uk]

to be honest, i don't even know what CSS stands for never mind how to use it lol

What I am trying to achieve is these images, side by side with a small space between them and the text aligned underneath

Real Time Tracking Via Detailed Street Level Maps

................
- locate vehicles .............................................Over 550 000 km of roads
- track real time full ..........................................street level coverage of
- follow multiple vehicles ..........................................Great Britain
- route your vehicles
- export data to pda
- add waypoints

[minute44]

Originally Posted by necron_uk

to be honest, i don't even know what CSS stands for never mind how to use it lol

Well, Learn it. It is not complicated... well, what you're trying to acomplish isn't.

http://www.w3schools.com/css/default.asp
http://www.elated.com/tutorials/authoring/css/

I'll help you in the learning process any way I can, but what I won't do is hold your hand and do it all for you while you learn nothing. If I do that then when a similar problem arrises in the future, you're just as stuck.

I'm not being an ass here I just want people to show some initiative.

I'm sure other members share my sentiments and agree I am being hard but fair.

Enjoy learning.

[moojoo]

Minute, you are so mean! You used to treat me badly and then I got bigger than you and pulled the underwear over your head! Muhaha!

But in all seriousness he has a point. This is a simple problem with a simple solution. We are more than willing to help you out, but it is good practice and etiquete to at least research a solution first. The way it sounds to me is you want basically two "Columns" one for each image and its text.

[ image here ] [ Image Here ]
[ foo foo foo ] [ foo foo foo ]

This can be done with floats, lists etc..

[minute44]

Originally Posted by moojoo

Minute, you are so mean! You used to treat me badly and then I got bigger than you and pulled the underwear over your head! Muhaha!

The cheek!!! I've never had a bad word to say about you. I'm hurt!!! lol

[necron_uk]

while i appreciate the need for people to learn new skills and techniques i am not a web developer and have no actual need for the full skill set. I am making adjustments to one of my business sites and this is purely a one off. I shall review the proposed links and tutelage when time permits but at this moment I am rather rushed, as I said I have 2 business to manage

Because this site is a template from a website company there is only so much i can actually do with it. If the need to do this kind of thing arises again I will at least have a working example to aid me.

The   has served my purpose at this time and I sincerely thank you for your assistance in this matter. I was following up on your suggestion of using CSS to see how it could be used by a leyman.

Do i need to learn all css or can i do it with a few symbolly code words?

Kindest Regards

[minute44]

You don't need to know all of CSS for this, just the bits that pertain to your needs.

But if the site is from a template it could well be more trouble than it's worth. Get a cross section to look at it with the   solution and if they can all see it ok then I would leave it. Templates can be a right slag to modify.

[necron_uk]

Will do and thankyou once again