W3C home > Mailing lists > Public > www-style@w3.org > March 2003

inline divs

From: Lorenzo De Tomasi <lorenzo.detomasi@libero.it>
Date: Mon, 24 Mar 2003 17:10:08 -0500 (EST)
Message-ID: <BAA540C6.3F81%lorenzo.detomasi@libero.it>
To: <www-style@w3.org>



I have this xhtml code:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<html xmlns="http://www.w3.org/1999/xhtml">

    <body>
        <section>
            <form action="(EmptyReference!)" method="get" name="FormName">
                <div>
                    <l><span class="label">e-mail</span></l>
                    <l><input class="text" type="text" name="email"></l>
                </div>
                <div>
                    <l><span class="label">password</span></l>
                    <l><input class="password" type="password"
name="password"><input type="submit" class="button" name="submitButtonName"
value="entra"></l>
                </div>
            </form>
        </section>
    </body>

</html>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

My Css code for non-standard elements is:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
section { display: block; border-top: 1px #335471 }
l       { display: block; white-space: normal }
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Is it correct?

I would like to display the two <div>s inline like in this example, better
if in Mozilla 7.02 and Explorer for Mac:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
e-mail                  password
____________________    ____________________
|                  |    |                  | <entra>
--------------------    --------------------
                   <---->
                 5px space

the vertical align of the input fields is middle

What is the correct css code and where I must apply it?
Thank you very much :)
____________________________________________________________________________
Lorenzo De Tomasi, student of Information Architecture, Interface Design and
Visual Design
via Bellaria 6, 21018 Sesto Calende (Varese), Italia
phone: +39 (0)331 924649
mobile: +39 329 3941065; +39 333 8979304
e-mail: lorenzo.detomasi@libero.it; lorenzo.detomasi@email.it
website: http://biografica.tzone.it
ICQ uin: 11313132
Yahoo! Instant Messenger id: tummait
Received on Tuesday, 25 March 2003 05:51:13 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:20 GMT