Basically this is close...I probably should explain it a bit better. Basically I'm looking for the "look of tables" but without using tables. So I need everything that should be a column ex - fn, department, role, note etc. to left align in what would be the cell in the table. Right now nothing is left-aligning, it's all a bit scattered. Any help would be appreciated.
Christina Christina Hope wrote: > I am working on a redesign of a website and this is my first jump into > CSS. I have added some microformats, but I would like to display my > hCards all inline. I am having problems with the display. > Not sure exactly what you are after - <spans> are inline elements by default, so display : inline is not required. The padding should still work though. I think maybe the main cause of your problem is you are separating multiple classes with a comma - correct syntax is separating with a space. More information on the subject is here http://css-discuss.incutio.com/?page=MultipleClasses Hope that helps Dave # BTW <div> s are block level elements - each will appear on a new "line", and vertical spacing between them should be handled with margins...the <br /> tag you are currently using would be considered (in this instance) poor form. > <style> > .dispemp { > display:inline; > padding-left:10px; > padding-right:50px; > border-right:0px; > } > > .dispempl{ > display:inline; > padding-right:50px; > border-right:0px; > } > </style> > > > <div class="vcard, dispemp"> > <span class="fn, dispempl">Employee Name</span> > <span class="department, dispemp">Information Technology</span> > <span class="role, dispemp">Website Coordinator</span> > <span class="note, disemp" style="display:none"></span> > <abbr class="tel, dispemp" title="+123 456 7890"> x7890</abbr> > <a class="email, dispemp" href="mailto:[EMAIL PROTECTED]">Email</a> > </div><br/> > > > <div class="vcard, dispemp"> > <span class="fn, dispempl"> Employee Name </span> > <span class="department, dispemp">Specialties</span> > <span class="role, dispemp">Trader</span> > <span class="note, disemp">(CO, GA, IL, IN, KS, KY, MI, NC, NE, NJ, NY, > OK, PA, RI, SC, SD, TN, WV, VA, WY)</span> > <abbr class="tel, dispemp" title="+123 456 7890"> x7890</abbr> > <a class="email, dispemp" href="mailto:[EMAIL PROTECTED]">Email</a> > </div><br/> > > > > > > > Thanks, > Christina Hope > > > ______________________________________________________________________ > 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/ > > ______________________________________________________________________ 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/