Paul Collins wrote:

>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
>
Hi Paul,
Some time ago we have discussed some ups and downs of styling legends. 
See my testpages, starting here 
<http://home.tiscali.nl/developerscorner/css-discuss/test-monkey-new.htm>.
The link to the css-d list thread is included.
And, just finished: Experimenting with styling forms 
<http://home.tiscali.nl/developerscorner/fdc-varia/styling-dropdown-boxes.htm>. 
:-)

Greetings,
francky

______________________________________________________________________
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/

Reply via email to