Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

padding attribute on an unordered list <li> tag not working in Outlook 2010 1

Status
Not open for further replies.
1DMF

1DMF

Programmer
Jan 18, 2005
8,795
GB
Hi,

According to this..
The 'Word' rendering for HTML emails in Outlook since 2007 is suppose to support padding in unordered lists, so why won't it work ?

I've placed it inline
Code: 
<ul>
    <li style="padding:5px 0;">A list item</li>
    <li style="padding:5px 0;">Another list item</li>
</ul>

But it doesn't do anything?

I've tried margin but with no effect either.

The only way so far I have found to add needed spacing around the list entries is by placing 2 x <br> at the end of each line?

Any ideas?

Thanks,
1DMF

"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"

Free Dance Music Downloads
 
Sort by date Sort by votes
If appearance is so important, I'd just render text in a graphic file. Proper SEO web design practices do not really apply to HTML email. For recipients that need to read an email message without graphics, an unstyled text version should accompany your mailing as a multipart message.
 
Upvote 0 Downvote
Darryncooke -> Thanks but I don't believe cell padding is a valid attribute for a list item tag, that's only for table cells isn't it? I'll try line height but if not , hard coded breaks will have to do :)

Spamjim -> It's not like it's a design thing, all I want is to be able to put a bit of whitespace between each list item.

It's more an accessibility thing than design, bullet point lists that are squashed together are difficult to read especially for those with Dyspraxia / Dyslexia.



"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"

Free Dance Music Downloads
 
Upvote 0 Downvote
Have you tried this?

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]

<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] xml:lang="en" lang="en">

<head>
  <title></title>
</head>

<body>
<ul>
    <li style="margin-bottom: 15px;">A list item</li>
    <li style="margin-bottom: 15px;">Another list item</li>
</ul>
</body>

</html>

Swi
 
Upvote 0 Downvote
Upvote 0 Downvote
Oops I didn't read completely and i thought you were dealing with cells and don't know how I missed list. I usually add hard breaks in these instances. Line-height does work for me though as well.

Darryn Cooke
| Marketing and Creative Services
 
Upvote 0 Downvote
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
689
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
170
lmcate
lmcate
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
SitesMasstec
  • Locked
  • Question
Viewport meta tag x iframe
Replies
0
Views
133
SitesMasstec
SitesMasstec
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top