lining things up

Discussion in 'HTML' started by mcnewsxp, Nov 10, 2010.

  1. mcnewsxp

    mcnewsxp Guest

    how can i get the lables to line up to the right:

    <h3><a href="reports/details.html"><%=cw_leads_sent%></a>&nbsp;Leads
    sent</h3>
    <h3><a href="calls/calls.html"><%=cw_calls_made%></a>&nbsp;Calls made</h3>
    <h3><a href="reports/sells.html"><%=cw_sales_made%></a>&nbsp;Sales made
    </h3>


    tia,
    mcnewsxp
     
    mcnewsxp, Nov 10, 2010
    #1
    1. Advertising

  2. mcnewsxp

    dorayme Guest

    In article <ibeo43$mmb$-september.org>,
    "mcnewsxp" <> wrote:

    > how can i get the lables to line up to the right:
    >
    > <h3><a href="reports/details.html"><%=cw_leads_sent%></a>&nbsp;Leads
    > sent</h3>
    > <h3><a href="calls/calls.html"><%=cw_calls_made%></a>&nbsp;Calls made</h3>
    > <h3><a href="reports/sells.html"><%=cw_sales_made%></a>&nbsp;Sales made
    > </h3>
    >


    To line up three elements like

    <div><a href="reports/details.html">Text</a></div>
    <div><a href="calls/calls.html">Text</a></div>
    <div><a href="reports/sells.html">Text</a></div>

    you can use such as

    div {display: inline; padding: 0 2em 0 2em;}

    or

    div {display: float: left; padding: 0 2em 0 2em;}

    All depends on what quite you are doing.

    --
    dorayme
     
    dorayme, Nov 10, 2010
    #2
    1. Advertising

  3. mcnewsxp

    mcnewsxp Guest

    "dorayme" <> wrote in message
    news:...
    > In article <ibeo43$mmb$-september.org>,
    > "mcnewsxp" <> wrote:
    >
    >> how can i get the lables to line up to the right:
    >>
    >> <h3><a href="reports/details.html"><%=cw_leads_sent%></a>&nbsp;Leads
    >> sent</h3>
    >> <h3><a href="calls/calls.html"><%=cw_calls_made%></a>&nbsp;Calls
    >> made</h3>
    >> <h3><a href="reports/sells.html"><%=cw_sales_made%></a>&nbsp;Sales made
    >> </h3>
    >>

    >
    > To line up three elements like
    >
    > <div><a href="reports/details.html">Text</a></div>
    > <div><a href="calls/calls.html">Text</a></div>
    > <div><a href="reports/sells.html">Text</a></div>
    >
    > you can use such as
    >
    > div {display: inline; padding: 0 2em 0 2em;}
    >
    > or
    >
    > div {display: float: left; padding: 0 2em 0 2em;}
    >
    > All depends on what quite you are doing.
    >
    > --

    those h3 elements are already within a CSSd div.
     
    mcnewsxp, Nov 10, 2010
    #3
  4. mcnewsxp wrote:

    > how can i get the lables to line up to the right:

    ............................... ^^^^^^^^^^^^^^^^^^^

    > <h3><a href="reports/details.html"><%=cw_leads_sent%></a>&nbsp;Leads
    > sent</h3>
    > <h3><a href="calls/calls.html"><%=cw_calls_made%></a>&nbsp;Calls made</h3>
    > <h3><a href="reports/sells.html"><%=cw_sales_made%></a>&nbsp;Sales made
    > </h3>


    Highly unusual to want to align h3's to the right, but here ya go:

    h3 { text-align: right; }

    --
    -bts
    -Four wheels carry the body; two wheels move the soul
     
    Beauregard T. Shagnasty, Nov 10, 2010
    #4
  5. mcnewsxp

    dorayme Guest

    In article <ibf21j$ar$-september.org>,
    "mcnewsxp" <> wrote:

    > "dorayme" <> wrote in message
    > news:...
    > > In article <ibeo43$mmb$-september.org>,
    > > "mcnewsxp" <> wrote:
    > >
    > >> how can i get the lables to line up to the right:
    > >>
    > >> <h3><a href="reports/details.html"><%=cw_leads_sent%></a>&nbsp;Leads
    > >> sent</h3>
    > >> <h3><a href="calls/calls.html"><%=cw_calls_made%></a>&nbsp;Calls
    > >> made</h3>
    > >> <h3><a href="reports/sells.html"><%=cw_sales_made%></a>&nbsp;Sales made
    > >> </h3>
    > >>

    > >
    > > To line up three elements like
    > >
    > > <div><a href="reports/details.html">Text</a></div>
    > > <div><a href="calls/calls.html">Text</a></div>
    > > <div><a href="reports/sells.html">Text</a></div>
    > >
    > > you can use such as
    > >
    > > div {display: inline; padding: 0 2em 0 2em;}
    > >
    > > or
    > >
    > > div {display: float: left; padding: 0 2em 0 2em;}
    > >
    > > All depends on what quite you are doing.
    > >
    > > --

    > those h3 elements are already within a CSSd div.


    It was an example. You can substitute h3 for my div in the above.
    I used div instead of h3 because I suspect it is semantically
    unwise to use three H3's in a row.

    --
    dorayme
     
    dorayme, Nov 10, 2010
    #5
  6. mcnewsxp

    dorayme Guest

    In article <>,
    Ben C <> wrote:

    > On 2010-11-10, dorayme <> wrote:
    > > In article <ibeo43$mmb$-september.org>,
    > > "mcnewsxp" <> wrote:
    > >
    > >> how can i get the lables to line up to the right:
    > >>
    > >> <h3><a href="reports/details.html"><%=cw_leads_sent%></a>&nbsp;Leads
    > >> sent</h3>
    > >> <h3><a href="calls/calls.html"><%=cw_calls_made%></a>&nbsp;Calls made</h3>
    > >> <h3><a href="reports/sells.html"><%=cw_sales_made%></a>&nbsp;Sales made
    > >> </h3>
    > >>

    > >
    > > To line up three elements like
    > >
    > ><div><a href="reports/details.html">Text</a></div>
    > ><div><a href="calls/calls.html">Text</a></div>
    > ><div><a href="reports/sells.html">Text</a></div>
    > >
    > > you can use such as
    > >
    > > div {display: inline; padding: 0 2em 0 2em;}
    > >
    > > or
    > >
    > > div {display: float: left; padding: 0 2em 0 2em;}

    >
    > s/display: //


    Thanks, yes, forgot to knock it off the paste!

    div {float: left; padding: 0 2em 0 2em;}

    To the OP: I have been trying to think of a semantic situation
    where you could have three heading elements in a line (like you
    wanted). No problem in having three heading elements in a line
    where there is relevant content under each. But the above
    solution would not work on the *heading elements* in that case!

    You could do it by having three divs floated with heading
    elements inside each (and paragraphs etc.), three headings would
    naturally line up if you used same styling for each.

    Floats are often a good choice because they can be styled a
    little more flexibly, at least that is the case with horizontal
    lists (there was an excellent post from some ears that pointed on
    this point a while back).

    --
    dorayme
     
    dorayme, Nov 11, 2010
    #6
  7. dorayme wrote:

    > You could do it by having three divs floated with ...


    Still not noticing the OP said,
    "get the lables to line up to the right".
    To me, that means:
    .....................................Leads sent..|
    .....................................Calls made..|
    .....................................Sales made..|

    Substitute spacing for those dots. I still agree that h3 is a poor
    choice unless there is context between those headings, and that there
    are h1 and h2 somewhere before. A URL to OP's best example would help.

    --
    -bts
    -Four wheels carry the body; two wheels move the soul
     
    Beauregard T. Shagnasty, Nov 11, 2010
    #7
  8. mcnewsxp

    dorayme Guest

    In article <ibh8i8$ug5$-september.org>,
    "Beauregard T. Shagnasty" <> wrote:

    > dorayme wrote:
    >
    > > You could do it by having three divs floated with ...

    >
    > Still not noticing the OP said,
    > "get the lables to line up to the right".
    > To me, that means:
    > ....................................Leads sent..|
    > ....................................Calls made..|
    > ....................................Sales made..|
    >
    > Substitute spacing for those dots. I still agree that h3 is a poor
    > choice unless there is context between those headings, and that there
    > are h1 and h2 somewhere before. A URL to OP's best example would help.


    What would I do without you all? I would have to read carefully
    every post. If OP just wants to the right, of course, either
    float: right or text-align: right. Latter is as you said once in
    earlier post! The words "line up" just sent me off chasing a
    rabbit.

    I have been distracted badly by my brand new project called A New
    Theory of Inheritance (whereby every element inherits everything
    but rejects the bits it does not like). I want this theory to
    spread so widely and to be so easily understood that Mr. Korpela
    will never ever need to say how little understood the notion of
    inheritance is. I have some way to go but will keep you all
    posted. No groaning now, B! <g>

    --
    dorayme
     
    dorayme, Nov 11, 2010
    #8
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. RobM
    Replies:
    0
    Views:
    727
  2. Steve Pugh
    Replies:
    3
    Views:
    485
    Scott_From_PA
    Feb 11, 2005
  3. Lazaroo

    Lining up 'equals' signs

    Lazaroo, Mar 26, 2005, in forum: HTML
    Replies:
    3
    Views:
    486
    Lazaroo
    Mar 26, 2005
  4. tshad
    Replies:
    16
    Views:
    3,756
    tshad
    Apr 3, 2005
  5. =?Utf-8?B?V2lsbGlhbSBTdWxsaXZhbg==?=

    vs2005 publish website doing bad things, bad things

    =?Utf-8?B?V2lsbGlhbSBTdWxsaXZhbg==?=, Oct 25, 2006, in forum: ASP .Net
    Replies:
    1
    Views:
    610
    =?Utf-8?B?UGV0ZXIgQnJvbWJlcmcgW0MjIE1WUF0=?=
    Oct 25, 2006
Loading...

Share This Page