Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > lining things up

Reply
Thread Tools

lining things up

 
 
mcnewsxp
Guest
Posts: n/a
 
      11-10-2010
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


 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      11-10-2010
In article <ibeo43$mmb$(E-Mail Removed)-september.org>,
"mcnewsxp" <(E-Mail Removed)> 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
 
Reply With Quote
 
 
 
 
mcnewsxp
Guest
Posts: n/a
 
      11-10-2010

"dorayme" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> In article <ibeo43$mmb$(E-Mail Removed)-september.org>,
> "mcnewsxp" <(E-Mail Removed)> 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.


 
Reply With Quote
 
Beauregard T. Shagnasty
Guest
Posts: n/a
 
      11-10-2010
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
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      11-10-2010
In article <ibf21j$ar$(E-Mail Removed)-september.org>,
"mcnewsxp" <(E-Mail Removed)> wrote:

> "dorayme" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > In article <ibeo43$mmb$(E-Mail Removed)-september.org>,
> > "mcnewsxp" <(E-Mail Removed)> 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
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      11-11-2010
In article <(E-Mail Removed)>,
Ben C <(E-Mail Removed)> wrote:

> On 2010-11-10, dorayme <(E-Mail Removed)> wrote:
> > In article <ibeo43$mmb$(E-Mail Removed)-september.org>,
> > "mcnewsxp" <(E-Mail Removed)> 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
 
Reply With Quote
 
Beauregard T. Shagnasty
Guest
Posts: n/a
 
      11-11-2010
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
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      11-11-2010
In article <ibh8i8$ug5$(E-Mail Removed)-september.org>,
"Beauregard T. Shagnasty" <(E-Mail Removed)> 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
 
Reply With Quote
 
 
 
Reply

Thread Tools

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


Similar Threads
Thread Thread Starter Forum Replies Last Post
having trouble with lining tables up kditty HTML 8 01-26-2006 05:54 AM
Table not lining up next to text tshad HTML 16 04-03-2005 10:26 PM
Lining up 'equals' signs Lazaroo HTML 3 03-26-2005 02:37 PM
(QUESTION) lining up border-bottom with padding-left:0.5em Steve Pugh HTML 3 02-11-2005 07:31 PM
CSS: Lining up images on one line RobM HTML 0 09-27-2004 11:56 AM



Advertisments