5 replies [Last post]
web4all
Offline
Regular
Last seen: 8 years 8 weeks ago
Timezone: GMT+2
Joined: 2004-03-16
Posts: 28
Points: 6

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 !

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 17 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

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?

Verschwindende wrote:
  • CSS doesn't make pies

web4all
Offline
Regular
Last seen: 8 years 8 weeks ago
Timezone: GMT+2
Joined: 2004-03-16
Posts: 28
Points: 6

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).

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 6 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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?

web4all
Offline
Regular
Last seen: 8 years 8 weeks ago
Timezone: GMT+2
Joined: 2004-03-16
Posts: 28
Points: 6

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.Innocent.
50px wasn't enought for a nice-look design.
Take a look now at the actual design.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 6 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Looks OK

Looks OK