Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

CSS Breaks in Outlook

  • Please log in to reply




  • Member
  • PipPip
  • 66 posts
I'm attempting to use CSS in my Outlook signature. In IE the code looks great. As I add the signature the "preview window" looks great. But then when I actually use the signature it breaks (the list does not get formatted at all).

Any suggestions on how I can alter this code to make it work?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html lang="en">
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<title>Listamatic: Rollover horizontal list navbar</title>
	<style type="text/css" media="screen">@import url(/stylesheets/listamatic.css);</style>
	<link rel="SHORTCUT ICON" href="/listamatic/listamatic.ico">
	<style type="text/css" media="screen">
		#navcontainer ul
			padding-left: 0;
			margin-left: 0;
			background-color: #036;
			color: White;
			float: left;
			width: 100%;
			font-family: arial, helvetica, sans-serif;
		#navcontainer ul li { display: inline; }
		#navcontainer ul li a
			padding: 0.2em 1em;
			background-color: #036;
			color: White;
			text-decoration: none;
			float: left;
			border-right: 1px solid #fff;
		#navcontainer ul li a:hover
			background-color: #369;
			color: #fff;

	Rollover horizontal list navbar
<div id="navcontainer">
	<ul id="navlist">
		<li id="active"><a href="#" id="current">Item one</a></li>
		<li><a href="#">Item two</a></li>
		<li><a href="#">Item three</a></li>
		<li><a href="#">Item four</a></li>
		<li><a href="#">Item five</a></li>


  • 0


Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP