On Feb 20, 2008, at 4:31 AM, Nick Mavros wrote:
Hi,
the html is this :
h1Title asubtitle/a/h1
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
Hi,
the html is this :
h1Title asubtitle/a/h1
I want the Title to be left aligned and the asubtitle/a to right
aligned. But I want them to be in the same line.
When I float: right the a 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
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
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:
h1Title asubtitle/a/h1
I want the Title to be left aligned and the asubtitle/a to right
aligned. But I want
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 heading
Nick Mavros wrote:
h1Title asubtitle/a/h1
I want the Title to be left aligned and the asubtitle/a 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%;}
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 {