No replies
Tumbarumba
Offline
newbie
Last seen: 16 years 39 weeks ago
Joined: 2004-01-19
Posts: 1
Points: 0

I'm trying to get some submit buttons on a form with the following characteristics:

    * Fixed width (180px) * Text is left-aligned
    * Text will wrap
Here is the sample I am working with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Sample</title>
    <style type="text/css" media="all">
        input {
            width: 180px;
            white-space: normal;
            text-align: left;
            display: block;
            text-decoration:none;
            font-size:11px;
            font-weight:600;
        }
    </style>
</head>
<body>
    <h2>Form Title</h2>
    <form method='get'>
        <input type="submit" name="ACTION1" value="A Short Title"/>
        <input type="submit" name="ACTION2" value="A Slightly Longer Title"/>
        <input type="submit" name="ACTION3" value="A Very Long Title for the Submit Button"/>
    </form>
</body>
</html>

This has the following problems:

    * In Mozilla Firebird 0.7, the text will wrap, but it is not left aligned. * In IE5.5, the text is left aligned, but it doesn't wrap.

Any ideas on how to achieve what I want?

[/][/]