Hi,
In a few words I try to explain my problem. I need to add a background to an H2 but atfer that the height of the image has added a space after the title "Benvenuti sul sito!".
How can I align bottom the title and remove the space from title and the orizontale line ?
The site link is : www.tanase.it
The relevant HTML code is:
sabato 17 settembre 2005
Benvenuti sul sito !
...And the corresponding CSS code :
table.blog_benvenuto {margin:0; padding:0;}
table.contentpaneopen_benvenuto {margin:10px 3px 0 3px;}
table.contentpaneopen_benvenuto h2{margin:0; font:1.8em Georgia Times, serif; letter-spacing:2px; border-bottom:1px dotted #125496;
background:#fafafa url(../images/avatar.jpg) right top no-repeat; height:50px;}
Thanks !
Ew, tables. Do you mean the
Ew, tables.
Do you mean the large amount of space between the header text and the dotted line of the background image?
yes, that space
Ew, tables.
Do you mean the large amount of space between the header text and the dotted line of the background image?
Indeed ! that space !
And yes, I hate tables too but I cannot change this because the tables has generated automatically by the CMS used (in my case is JOOMLA).
Have you tried changing the
Have you tried changing the line-height of the h2 to its height (50px)?
If not the answer, can you post a gif made in photoshop of the actual layout you want?
yes, the line-height was the guilty :)
Have you tried changing the line-height of the h2 to its height (50px)?
If not the answer, can you post a gif made in photoshop of the actual layout you want?
Thanks !
I've changed the line-height to 70px and it's seems to look how I want (almost in IE7 and Firefox 2.

50px wasn't enought for a nice-look design.
Take a look now at the actual design.
Looks OK
Looks OK