Sat, 2007-02-17 22:05
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 !
Sun, 2007-02-18 11:46
#1
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?
Sun, 2007-02-18 16:09
#2
yes, that space
thepineapplehead wrote:
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).
Mon, 2007-02-19 09:09
#3
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?
Mon, 2007-02-19 13:12
#4
yes, the line-height was the guilty :)
ClevaTreva wrote:
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.
Mon, 2007-02-19 13:22
#5
Looks OK
Looks OK