brian wrote:
>I'm trying use image replacement for a form legend and so far i've been
>unsuccessful. Firefox insists on making it much to tall, for some
>reason, so the text shows up below. Setting background-repeat to
>no-repeat got rid of the tiling, but the text remains below the image.
>
>Also, i've had to add 6px padding-right because the image was being cut
>off (adding 6px to the width did nothing). I've confirmed that the image
>is 54 x 8 pixels.
>
>I've also tried setting line-height, but that just drew the text up snug
>below the image.
>
>I can't put a page up now, but here're the relevant bits:
>
>-- snip --
><fieldset>
><legend id="register_optional">Optional</legend>
>-- snip --
>
>-- snip --
>#register_optional
>{
> display: block;
> width: 54px;
> height: 0;
> line-height: 8px;
> margin: 0;
> padding: 8px 6px 0 0;
> overflow: hidden;
> background-image: url(path/to/image);
> background-repeat: no-repeat;
>}
>-- snip --
>
>I have no other styles in place for legend. Can anyone think of some
>other default rules for legend that might be causing this?
>
>
Hi Brian,
Styling legends is quite difficult... [1]
In your case, we have a bit lack of information. The display of a
fieldset is rather dependent of other things in the html/css than you
provided us.
For instance the doctype has influences, and the general settings of
margins, paddings, font-sizes and so on.
So if possible, a link to an uploaded testpage with the whole css/html
can give more specific replies.
In the meantime, I made some testpages - anyway it seems no good to have
a fixed style: then it's going wrong if the visitor doesn't have the
browser settings the same as yours... But there is light! :-)
See test-fieldset pages
<http://home.tiscali.nl/developerscorner/css-discuss/test-fieldset-1.htm>
for some ideas.
Greetings,
francky
[1] See for instance the thread starting with:
http://archivist.incutio.com/viewlist/css-discuss/76455
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
