Thanks Alan and Mauricio. I have gone to http://www.htmldog.com/ quite a bit lately. I work with your suggestions to learn more. Right now the customer is satisfied and I must stop messing with websites while I finish the semester -- lots of exams to create, administer, and grade. I should be able to get back to this in about three weeks. Maybe I will have a better handle on things by the end of the summer.
Del >> If anyone has a bit of time, please look at the schematic(on the left) >> and >> three links(on the right) at the bottom of the page at >> http://www.edi-cp.com/estimator/edi_at_calculator.html >> This is my first attempt to use CSS to position items on a page. They >> are >> where I want them, but I don't like the idea of using a width of the >> <div> >> to force the two columns close together. >> >> Is there a better way of getting the two <span>s to appear side-by-side >> centered on the page with a small space separating them? > > The only reason that the containing div of the spans is centered is due to > the html which you have which is basically. > > <.body ...> > <.center> > > etc > > <.div class = schematic> > <.span class = schematic1> etc </span> > <.span class = schematic2> etc </span> > </div> > > </center> > </body> > > That depreciated element <.center> is centering everything on your page. > You must forgo this tag to start effectively using CSS. Keeping the div > you currently have which contains to spans is the way you acheive > centering with CSS. The code you have is all primed for CSS treatment. So > remove the opening and closing center tag and use this tweaked CSS. > > body { > font-family: EuroseWide Heavy, Verdana, Arial, sans-serif; > margin:0; > font-size: 100%; > } > > .schematic { > color: #0000A0; > font-weight: bold; > background:transparent; > width:650px; > margin:0 auto; > } > > .schematic1 { > width:45%; > text-align:center; > float: left; > } > > .schematic2 { > width:45%; > float: right; > } > > There a lot more that can be done but this is a start. A good site for > both CSS and html is this. > http://www.htmldog.com/ > > Kind Regards, Alan > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
