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
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
Hi Lisa,
The layout you are working from may not be ideal. The idea of using
extremely long side columns and then chopping them off to make them equal is
neat but it fails if you use anchor links within the content. May I suggest
my 3 column layout instead:
Hi Lee,
The best way to center a website is to center the body then add a left and
right auto margin on your wrapper div. In the wrapper div you should set the
text-align back to left otherwise all your text will be centered:
body {
text-align:center;
}
#wrapper {
margin:0 auto;
Hi Rich,
In both cases it appears that a br/ is the problem. This br/ is adding
more than one line of space because it is between two block-level elements
(a heading and a parragraph) that have vertical margins. The total space
created is one line break from the br/ plus the bottom margin of
Hi Emil,
I think the problem is due to the way you are laying out this design. In my
view it's not semantically correct to be using tables. Instead, for each
product model I would make two columns using divs, one for the pictures the
other for the info. The info could be better marked up in a
Hi Aaron,
The CSS it totally weird, how did you derive it ?
It's hard to explain how I came up with the CSS for my layouts, but here
goes... Basically there were two important things that needed to work. I
needed full height column background colours and I wanted the main column to
come
Hi Aaron,
I have made a quick layout for you based on my 'Perfect 3 column liquid
layout'. Here is the link:
http://matthewjamestaylor.com/blog/perfect-3-column-thirds.htm
Let me know how you go.
- Matt =)
Matthew James Taylor
http://matthewjamestaylor.com
- Original Message -