Results 1 to 10 of 10
  1. #1
    css/html question
    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.

  2. #2
    css/html question

    Member Since
    Jul 09, 2008
    Location
    Houston,TX
    Posts
    38
    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

  3. #3
    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

  4. #4
    css/html question

    Member Since
    Jul 09, 2008
    Location
    Houston,TX
    Posts
    38
    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.

  5. #5
    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.

  6. #6
    css/html question

    Member Since
    Jul 09, 2008
    Location
    Houston,TX
    Posts
    38
    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::: .. .

  7. #7
    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?

  8. #8
    css/html question

    Member Since
    May 23, 2008
    Posts
    76
    Specs:
    2.0GHz Aluminium MacBook
    Do you want to tab just a single line or a block of text?
    Web Designer
    Microsoft Web Developer
    MacBook Owner

  9. #9
    css/html question

    Member Since
    Nov 13, 2007
    Posts
    18
    Specs:
    G4 (Graphite)1.4GHz, Macbook Pro 15" 2.2Ghz.
    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.

  10. #10
    css/html question

    Member Since
    Jul 12, 2008
    Posts
    59
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. CSS question
    By gravitate in forum Web Design and Hosting
    Replies: 6
    Last Post: 05-14-2009, 03:12 PM
  2. Question about CSS/XHTML
    By jstew132 in forum Web Design and Hosting
    Replies: 3
    Last Post: 03-24-2009, 03:38 PM
  3. css question
    By Chris57701 in forum Web Design and Hosting
    Replies: 2
    Last Post: 03-23-2009, 09:02 PM
  4. Free APP for HTML and CSS
    By dbento in forum Web Design and Hosting
    Replies: 4
    Last Post: 07-25-2008, 09:34 AM
  5. HTML/CSS Design Problem
    By iWhat in forum Web Design and Hosting
    Replies: 3
    Last Post: 07-10-2005, 03:06 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •