...

View Full Version : Paragraph background image



rafiki
05-10-2008, 10:14 PM
The background-image of a <p> is not showing fully.
I have an online example at http://www.jamiewest.org.uk/css/codingforums/
and the button being at
http://www.jamiewest.org.uk/css/codingforums/button_bg.gif
Would using a min-height: be acceptable here?

FWDrew
05-10-2008, 11:11 PM
Hi rafiki,

You could just use height:25px which will show the image.

I believe IE 6 has problems with min-height and min-width, so sticking to just "height" will probably be easiest.

Drew

rafiki
05-11-2008, 02:20 AM
I got that working now, I tried to change it to an anchor <a> tag and it has gone back to just covering the text.
Any ideas on this one?
Thanks
Rafiki.

rafiki
05-11-2008, 02:30 PM
:D:p:rolleyes::):thumbsup::eek::confused::cool:;):(
Anyone?

coothead
05-11-2008, 02:53 PM
Hi there rafiki,

as the a element is an inline element you will need to use this sort of coding....


CSS

<style type="text/css">
#button {
display:block;
width:128px;
line-height:25px;
color:#000;
text-decoration:none;
text-align:center;
background-image:url(button_bg.gif);
}
</style>

HTML

<a id="button" href="#">home</a>

coothead



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum