On Mon, May 21, 2012 at 3:19 PM, Tom Livingston <tom...@gmail.com> wrote:
> On Mon, May 21, 2012 at 3:52 PM, J Mi <junk...@live.com> wrote:
> > I have used true inline sheets and Outlook 2010 completely ignores it,
> > resulting in images stacking on each other unless I use <br> or <br />
> > tags.
> >
> >> Date: Mon, 21 May 2012 12:50:20 -0400
> >> From: tom...@gmail.com
> >> To: junk...@live.com
> >> CC: css-d@lists.css-discuss.org
> >> Subject: Re: [css-d] display:block in Outlook 2007 & 2010
> >
> >>
> >> On Mon, May 21, 2012 at 12:34 PM, J Mi <junk...@live.com> wrote:
> >> >
> >> > Hey All,
> >> >
> >> > Does anyone know how to make the display:block attribute work in
> Outlook
> >> > 2007 & 2010 for images? I used inline-style sheets and it doesn't
> work.
> >> >
> >> > I also tried declaring it in the CSS stylesheet but it didn't work:
> >> >
> >> > <style type="text/css">
> >> > /** outlook adjustment **/
> >> > v\:* {
> >> > behavior: url(#default#VML);
> >> > display:inline-block;
> >> > }
> >> > body {
> >> > background-color:#EAF1F4;
> >> > margin:0;
> >> > padding:0;
> >> > font-family: Helvetica, Arial, sans-serif;/*Outlook 2010
> adjustment*/
> >> > }
> >> > img{display:block;border:solid 1px #00fecc;}/*Outlook 2010 test*/
> >> > .ReadMsgBody { width: 100%;}
> >> > .ExternalClass {width: 100%;}
> >> > .yshortcuts,
> >> > .yshortcuts a,
> >> > .yshortcuts a:link,
> >> > .yshortcuts a:visited,
> >> > .yshortcuts a:hover
> >> > {color: rgb(13, 142, 226);text-decoration:none;}
> >> > </style>
> >> >
> >> >
> >> > Thanks!
> >> > W
> >> >>
> ______________________________________________________________________
> >> >> css-discuss [css-d@lists.css-discuss.org]
> >> >> http://www.css-discuss.org/mailman/listinfo/css-d
> >> >> List wiki/FAQ -- http://css-discuss.incutio.com/
> >> >> List policies -- http://css-discuss.org/policies.html
> >> >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >>
> >>
> >> A true inline style should work, like:
> >>
> >> <img src="my.jpg" width="100" height="100" style="display: block;" />
> >>
> >> HTH
> >>
> >> --
> >>
> >> Tom Livingston | Senior Interactive Developer | Media Logic |
> >> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>
>
> Can you post a link? That is the best option in order for the list to
> help you...
>
> --
>
> Tom Livingston | Senior Interactive Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
> ______________________________________________________________________
>
This may help you some: http://www.campaignmonitor.com/css/
--
Thanks,
Jeff D. Reid
Web Consultant
http://www.linkedin.com/in/jeffdreid
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
