Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

print a tab

Status
Not open for further replies.
developer155

developer155

Programmer
Jan 21, 2004
512
US
how do I print a tab before a word. I have something like
<TD>Info</TD>

I need a tab before Info. I used this:
<TD>&#09 Info</TD> but it does nto do any good

thanks!!!
 
Sort by date Sort by votes

As far as I know, you cannot insert tabs into HTML. You could use any of the following methods, however:

- multiple non-breaking spaces
- left padding / margin (on the text or on the td)

Hope this helps,
Dan
 
Upvote 0 Downvote
Actually there are some possibilities:

- white-space: pre; - works in moz and IE6 (DTD compliance mode only)
- :first-line pseudo-class
- <PRE>...</PRE> tags. This turns text into fixed font (courier & stuff), adds ugly margins etc - but nothing that cannot be fixed with some extra CSS.
 
Upvote 0 Downvote
HTML 4.0 Specification:
9.3.4 Preformatted text: The PRE element
...
The horizontal tab character
The horizontal tab character (decimal 9 in ...) is usually interpreted by visual user agents as the smallest non-zero number of spaces necessary to line characters up along tab stops that are every 8 characters. We strongly discourage using horizontal tabs in preformatted text since it is common practice, when editing, to set the tab-spacing to other values, leading to misaligned documents.

 
Upvote 0 Downvote
Hi developer155,

This cell will have 50 pixels space before the word "info":

Code: 
<TD STYLE="padding-left : 50px;">Info</TD>

If you place this in the [tt]<HEAD>..</HEAD>[/tt] section ..... :

Code: 
<STYLE>
  .leftSpace {
    padding-left : 50px;
  }
</STYLE>

.... all these cells will have a 50 pixels space before the contents:

Code: 
<TD CLASS="leftSpace">Info 1</TD>
<TD CLASS="leftSpace">Info 2</TD>
<TD CLASS="leftSpace">Info 3</TD>


... making it very easy to change the spacing in one line only!

Good Luck


Jakob

PS. This CSS property [tt]text-indent : 50px;[/tt] will do the same ...
 
Upvote 0 Downvote
Sorry.....

[tt]text-indent : 50px; [/tt] will indent the first line 50 pixels where

[tt]padding-left : 50px; [/tt] will keep 50 pixels clear to the left!


Jakob §;O)
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
790
3esolar
3
Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
239
Alt255
Alt255
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
826
spamjim
spamjim
lmcate
  • Locked
  • Question
Create a Expand/Collapse FAQ Accordion, Collapse other on Click 1
Replies
2
Views
789
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top