Re: [css-d] Float a link inside a header

2008-02-22 Thread Arlen Walker
On Feb 20, 2008, at 4:31 AM, Nick Mavros wrote: > Hi, > > the html is this : > > Title subtitle Does it have to be? If not, style the typography the same for the link as the title, then put the link first and float it right. Have Fun, Arlen -- In God we trust, a

Re: [css-d] Float a link inside a header

2008-02-20 Thread Nick Mavros
Thanks Matt, the "position: relative; and position: absolute; " solution works fine. thanx Nikos Matthew Taylor wrote: > Hi Nikos, > > Try positioning the a tag to the absolute top right corner of the heading > block instead. Here's how that's done: > > h1 { > position:relative; > } > > h1 a {

Re: [css-d] Float a link inside a header

2008-02-20 Thread Nick Mavros
Hi Georg, your solution does the alignment but I don't like this wide link. It works in FF,IE,Opera, Safari. Anymore suggestions? Nikos Gunlaug Sørtun wrote: > Nick Mavros wrote: > >> Title subtitle >> >> I want the Title to be left aligned and the subtitle to right >> aligned. But I want them

Re: [css-d] Float a link inside a header

2008-02-20 Thread Matthew Taylor
Sorry that sould be padding not margin: h1 { position:relative; padding-right:11em; } h1 a { position:absolute; top:0; right:0; width:10em; } - Matt =) Matthew James Taylor http://matthewjamestaylor.com > Hi Nikos, > > Try positioning the a tag to the absolute top right corner of the headin

Re: [css-d] Float a link inside a header

2008-02-20 Thread Matthew Taylor
Hi Nikos, Try positioning the a tag to the absolute top right corner of the heading block instead. Here's how that's done: h1 { position:relative; } h1 a { position:absolute; top:0; right:0; } Of course if your heading is long or your page is narrow then the two headings may run into each oth

Re: [css-d] Float a link inside a header

2008-02-20 Thread Gunlaug Sørtun
Nick Mavros wrote: > Title subtitle > > I want the Title to be left aligned and the subtitle to right > aligned. But I want them to be in the same line. h1 a { display: block; width: 100%; text-align: right; margin-top: -1.3em /* make value equal to line-height */; } h1 {height: 1%;} ...will

[css-d] Float a link inside a header

2008-02-20 Thread Nick Mavros
Hi, the html is this : Title subtitle I want the Title to be left aligned and the subtitle to right aligned. But I want them to be in the same line. When I float: right the it goes to the right but it falls below the line. So I need to put a negative margin to get it to the same line with t