Hi Michael,

     This seems like an idea. I'll give it a go. However, this isn't 
correct in terms of markup as these are, in fact, headers.


     It's a bit of a conundrum because I need "display: inline" for both 
elements to begin on the same line but, at the same time, "display: 
inline" makes it impossible to control the width of the elements causing 
them to nest together on the left side of the page.

     I've tried using container divs but always have to resort to 
"display: inline" which takes me back to my original problem.

     I've posted an example online:

        + http://dev.adrianocastro.net/help/0002/


     Please let me have your thoughts.



Michael Hulse wrote:
> On Nov 4, 2005, at 10:27 AM, Adriano Castro wrote:
>>      Hi,
>>
>>      I want to have, aligned to the left, a title followed by a
>> sub-title. Then, on the same line as the sub-title, I want to have,
>> aligned to the right, a date. Lastly on the next line, also aligned to
>> the right a link.
>>
>>      Something under these lines:
>>
>>      Title
>>      Subtitle               date
>>                             link
> 
> You might want to look into styling a definition list.
> 
> Some links that may (or may not) help:
> 
> http://www.scottmcdaniel.com/?p=33
> 
> http://aerie.chirp.com.au/css/format-dl/
> 
> http://archivist.incutio.com/viewlist/css-discuss/21106
> 
> Using styling from example #2 via second link found above, what I might 
> try is:
> 
> <dl>
>    <dt>Title<br />Subtitle</dt>
>    <dd>Date<br />Link</dd>
>    <dt>Title<br />Subtitle</dt>
>    <dd>Date<br />Link</dd>
>    <dt>Title<br />Subtitle</dt>
>    <dd>Date<br />Link</dd>
>    <dt>Title<br />Subtitle</dt>
>    <dd>Date<br />Link</dd>
> </dl>
> 
> Above not tested, but I think if styled right, you would achieve the 
> results you are looking for.
> 
> M
> 

-- 
[EMAIL PROTECTED]
www.adrianocastro.net
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to