[MACCAWS] how to display forms inline? (yes, that thread from all those other lists...)

"Dunstan Orchard" <[email protected]> Thu, 3 Oct 2002 22:15:17 +0000
Newsgroups gmane.comp.web.vkit
Message-ID <[email protected]>
Hey everyone,

I'm doing the rounds with this question as I'm not getting any response on it 
from css-d or evolt, other than to use tables, and I'd rather not -  the rest 
of the site validates and is structurally sound.

http://www.1976design.com/testarea/photo/index.php
http://www.1976design.com/testarea/photo/layout.css

does anyone know how to display a set of forms (there's 3 on that page, top
right) in-line?

On IE and OPERA the 2 dropdowns and the input box all line up just fine - in 
MOZ and NS7 they display block and screw everything up (although apprently not 
in all versions of MOZ).

For a screenshot see here:
http://www.1976design.com/testarea/photo/example.jpg


The forms are displayed inline, the divs surrounding each of the form elements
are also displayed inline and the whole thing is floated right in a
surrounding div:

/*** set all the forms in the nav bar to display inline ***/
#navmenu form {
   margin: 0px;
   padding: 0px;
   display: inline;
}

/*** set the div that has to go around the form elements in the nav bar to
display inline ***/
#navmenu form div {
   display: inline;
}

can anyone spot the error?


many thanks - dunstan
 


---------------------------
Dorset, England
http://www.1976design.com/
http://www.orchard.it/
http://www.maccaws.org/