[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/
