Hi all,
I know CSS support for the legend element is currently minimal, but I was
wondering if anyone has ever managed to float it left in the major browsers? In
particular, IE5+, Firefox, Safari.
I've got a graphic title inside which I have also floated left, was hoping I
could override the legend element in some way and use a styling directly on
this, but I just can't get it to float left in IE.
Here is the code sample:
<form action="index_logged_on.html" method="post">
<fieldset>
<legend><img src="images/header_title_bookings.gif" width="116"
height="29" alt="BOOKINGS: Login to your account"/></legend>
<input type="text" name="username" class="login_field" value="username"/>
<input type="text" name="password" class="login_field_password"
value="password"/>
<input type="image" src="images/header_go_button.gif" alt="Go >"
name="login" id="login" value="GO"/>
</fieldset>
</form>
If you notice any other discrepancies in the HTML, please ignore them and let's
focus on the topic at hand!!
Also, does anybody know a good link to further information on styling the
legend? It would be great to know what CSS attributes can be used in each
browser.
Cheers,
Paul
______________________________________________________________________
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/
