New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Web Design and Hosting Creating sites, scripting, and hosting discussions.

css/html question


Post Reply New Thread Subscribe

 
Thread Tools
Underbelly

 
Member Since: Nov 18, 2004
Posts: 83
Underbelly is on a distinguished road

Underbelly is offline
Hi all,

What is the best way to make a tab type effect in a line of text. I tried a few things but whatever I try drops the tab text down a line. The idea is a column "a" and a column "b" with all text in column "a" left justified and all text in column "b" left justified by a inch or two to the right.

I have in the past created two idential div and put the side by side but I'd that's not possible in this case.

Any suggestions?

And yes, I am new at this and am learning as I go.
QUOTE Thanks
theDarkStranger

 
Member Since: Jul 09, 2008
Location: Houston,TX
Posts: 38
theDarkStranger is on a distinguished road

theDarkStranger is offline
Hi,

I suggest using possibly using a template that meets your layout needs and then building from it. Here is one of many links to a site that will assist you with your need.

CSS LAYOUTS COLLECTION
QUOTE Thanks
Underbelly

 
Member Since: Nov 18, 2004
Posts: 83
Underbelly is on a distinguished road

Underbelly is offline
While I appreciate that, it is not a direction I want to go. A new layout will not solve my problem. A new layout will not help me "tab" text.

Thanks Anyway
QUOTE Thanks
theDarkStranger

 
Member Since: Jul 09, 2008
Location: Houston,TX
Posts: 38
theDarkStranger is on a distinguished road

theDarkStranger is offline
HHhhhhmmm.. You could use indenting.

Here is an example showing the embedded (HEAD) code to create a proper indenting. In this case, anything within a <p> tag area.
Code:
<style type="text/css">
<!--
p {text-indent: 1in;}
-->
</style>
Here is an example using a CLASS to declare a general indent property that can be used by any tags in the BODY area. A DIV tag is being used for the example.
HEAD area
Code:
<style type="text/css">
<!--
.tab {text-indent: 1in;}
-->
</style>

BODY area
Code:
<div class="tab">
This line of text is indented by one inch.
</div>
This line of text is not indented.
The value of text-indent can be specified as inches (in), centimeters (cm), or pixels (px).

To create the first line of text with an overhang (negative indent) a negative number can be used for the value.

Is that what you were referring to? If not then maybe I'm just having one of those days. lol.
QUOTE Thanks
Underbelly

 
Member Since: Nov 18, 2004
Posts: 83
Underbelly is on a distinguished road

Underbelly is offline
I must be not explaining myself very well. I do appreciate the help.

I was just hoping there would be a way to tab a section of text with a line of text, like you would in a word processing program. I know you can't really tab, but I was hoping for some sort of alternative.
QUOTE Thanks
theDarkStranger

 
Member Since: Jul 09, 2008
Location: Houston,TX
Posts: 38
theDarkStranger is on a distinguished road

theDarkStranger is offline
You can do it different ways. Like with Spanning, Margins, Indexing, Tables, Divs, etc. Its just a matter of what you want to use.

. .. :::MESS WITH THE BEST, DIE LIKE THE REST::: .. .
QUOTE Thanks
Underbelly

 
Member Since: Nov 18, 2004
Posts: 83
Underbelly is on a distinguished road

Underbelly is offline
I think we are on the write track. Div and Tables are out the question. Spanning sounds good because I already use that to change font styles, like color and size. How would I use it tab the text?
QUOTE Thanks
CircularSaw

 
Member Since: May 23, 2008
Posts: 76
CircularSaw will become famous soon enough
Mac Specs: 2.0GHz Aluminium MacBook

CircularSaw is offline
Do you want to tab just a single line or a block of text?

Web Designer
Microsoft Web Developer
MacBook Owner
QUOTE Thanks
Njugle

 
Member Since: Nov 13, 2007
Posts: 18
Njugle is on a distinguished road
Mac Specs: G4 (Graphite)1.4GHz, Macbook Pro 15" 2.2Ghz.

Njugle is offline
Using a <pre> tag allows pre formatted text, with spaces and line-breaks, this could be an option, especially if you are copying the text from elsewhere.
QUOTE Thanks
GoodTimeJoey

 
Member Since: Jul 12, 2008
Posts: 59
GoodTimeJoey is on a distinguished road

GoodTimeJoey is offline
You could put each column in a seperate DIV and ontop of those divs put a div for the navigation.
then for the nav put a padding-right:20px; or however much is needed.
QUOTE Thanks

Post Reply New Thread Subscribe


« Web Host | iWeb publishing to hosts other than .mac? »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread
Thread Starter
Forum
Replies
Last Post
The QUESTION Game ToddG Schweb's Lounge 159 08-15-2007 05:25 PM
Boot-Up Question Mark Folder Impending Doom Question. bingwalker OS X - Operating System 3 07-10-2007 05:19 AM
Ask 'me' a question... eric Schweb's Lounge 22 01-12-2007 06:33 AM
Video production question macinsandiego Movies and Video 4 11-17-2004 07:39 AM
Postscript question battleangel444 OS X - Operating System 2 07-09-2004 12:45 PM

All times are GMT -4. The time now is 02:10 PM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?