[css-d] Using CSS for inline formatting
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. Below are the styles and html that I am using. I need everything to line up on the left and if needed wrap. I'm not sure if what I want is exactly possible. .dispemp { display:inline; padding-left:10px; padding-right:50px; border-right:0px; } .dispempl{ display:inline; padding-right:50px; border-right:0px; } Employee Name Information Technology Website Coordinator x7890 mailto:[EMAIL PROTECTED]">Email Employee Name Specialties Trader (CO, GA, IL, IN, KS, KY, MI, NC, NE, NJ, NY, OK, PA, RI, SC, SD, TN, WV, VA, WY) x7890 mailto:[EMAIL PROTECTED]">Email 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/
Re: [css-d] Using CSS for inline formatting
> I'm not sure if what I want is exactly > possible. It's possible. It's probably not working because of the commas you have between the class names in the HTML. They should be space separated. e.g. class="vcard dispemp" __ 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/
Re: [css-d] Using CSS for inline formatting
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 - 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 s are block level elements - each will appear on a new "line", and vertical spacing between them should be handled with margins...the tag you are currently using would be considered (in this instance) poor form. > > .dispemp { > display:inline; > padding-left:10px; > padding-right:50px; > border-right:0px; > } > > .dispempl{ > display:inline; > padding-right:50px; > border-right:0px; > } > > > > > Employee Name > Information Technology > Website Coordinator > > x7890 > mailto:[EMAIL PROTECTED]">Email > > > > > Employee Name > Specialties > Trader > (CO, GA, IL, IN, KS, KY, MI, NC, NE, NJ, NY, > OK, PA, RI, SC, SD, TN, WV, VA, WY) > x7890 > mailto:[EMAIL PROTECTED]">Email > > > > > > > > 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/
Re: [css-d] Using CSS for inline formatting
Christina Hope wrote: > 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. No offense to the microformats advocates, but I think this data ought to be in a table. It will be much more accessible that way, and easier for you to style to boot. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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/
Re: [css-d] Using CSS for inline formatting
On 1/26/07, Zoe M. Gillenwater <[EMAIL PROTECTED]> wrote: > No offense to the microformats advocates, but I think this data ought to > be in a table. It will be much more accessible that way, and easier for > you to style to boot. Agreed. It's tabular in nature and each column has a distinct meaning. Semantically it belongs in a table. __ 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/