Character width and alignment

dimi · 03-04-2007, 07:51 PM

Hi all,
i't traing to fix some phone contacts to be on the same position via X
but this seems not easy , for example

variant 1)
GSM: +101 222 222 222
tel.: +202 333 333 333

variant 2)
GSM: +101 222 222 222
tel.: +202 333 333 333

this is not possible by adding (removing of spaces) because the with of characters is not the samem and + is not in the same column like into line below (or above)

Did you know some trick to do this task or i must use typewriter font or someting else

YEVSU · 03-14-2007, 11:21 AM

I would like to know, how it will be made with css too. Now, I use tables for this.

PCBguy · 03-30-2007, 06:30 PM

Here is how to do this using CSS. In your style sheet, add the following:

Code:

div.row {
  clear: both;
  padding-top: 3px;
  }

div.row span.label {
	float: left;
	width: 50px;
	padding-right: 5px;
  }

div.row span.data  {
	float: left;
	text-align: left;
  }

Then in the body of you page, add this:

Code:

<div class="row">
<span class="label">GSM:</span>
<span class="data">+101 222 222 222</span>
</div>

<div class="row">
<span class="label">Tel:</span>
<span class="data">+202 333 333 333</span>
</div>

If you have longer text in the "label" span, you can adjust the width of the div.row span.label in your style sheet.

I hope this helps!

03-04-2007, 07:51 PM	#1
dimi Junior Member Join Date: Feb 2007 Posts: 23	Character width and alignment Hi all, i't traing to fix some phone contacts to be on the same position via X but this seems not easy , for example variant 1) GSM: +101 222 222 222 tel.: +202 333 333 333 variant 2) GSM: +101 222 222 222 tel.: +202 333 333 333 this is not possible by adding (removing of spaces) because the with of characters is not the samem and + is not in the same column like into line below (or above) Did you know some trick to do this task or i must use typewriter font or someting else __________________ Music Download Youtube movies and videos

03-14-2007, 11:21 AM	#2
YEVSU Junior Member Join Date: Mar 2007 Location: Germany Posts: 17	Re: Character width and alignment I would like to know, how it will be made with css too. Now, I use tables for this. __________________ mobile games

03-30-2007, 06:30 PM	#3
PCBguy Newcomer Join Date: Mar 2007 Location: Ithaca, NY Posts: 3	Re: Character width and alignment Here is how to do this using CSS. In your style sheet, add the following: Code: div.row { clear: both; padding-top: 3px; } div.row span.label { float: left; width: 50px; padding-right: 5px; } div.row span.data { float: left; text-align: left; } Then in the body of you page, add this: Code: <div class="row"> <span class="label">GSM:</span> <span class="data">+101 222 222 222</span> </div> <div class="row"> <span class="label">Tel:</span> <span class="data">+202 333 333 333</span> </div> If you have longer text in the "label" span, you can adjust the width of the div.row span.label in your style sheet. I hope this helps! __________________ http://www.pemea.com

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Available 3,4,5,6 Character Domains	rianvisser	Domain Name	2	03-08-2007 09:44 AM
A1k.us rare 3 character	killerbud99	Domains for Sale	1	02-24-2007 02:21 PM
So what width should we use now.	rick	General Talk	7	12-21-2006 04:13 AM
Variable width div	rohan2kool	HTML	1	09-30-2006 06:23 PM
3 character names	donlee2005	Domain Name	10	12-21-2005 01:28 AM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)