HTML - Html Image Code Issues In Outlook Signature

I made a email signature, i used dreamweaver to make it. Looks good when i preview it. But when i add it to email as signature it doesn't show colors or the correct font. I dunno why? Can someone look at source code of my html and see if i made a mistake. Thanx

http://users.bigpond.net.au/sublimecreatures/email.html

Hello all im new to forum.

i am building an online portfolio and im trying to make sure it works for the most used browsers.

The code i have written works perfectly fine for IE but when using FF i have problems

The problem im having is to do with my Navigation Bar. When i mouse over the navagation bar in FF it only works if i mouse over the bottom of the "image" of the navagation bar. Can anyone see why this is happening? i will post the relevant code and an example url.

<LINK REL=stylesheet HREF="http://maths.sci.shu.ac.uk/students/Keenan_Liam/stylesheet.css" TYPE="text/css">
</head>

<div style="POSITION: relative; TEXT-ALIGN: center">

<span style="WIDTH: 1000px; POSITION: relative; TOP: 104px; TEXT-ALIGN: center">

<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/home/index.html" target="_blank" class="opacityit"><img width="100" height="29" alt="Home" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/homeRj.jpg" border="0"></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/cv/index.html" class="opacityit"><img width="100" height="29" alt="CV" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/mycv.jpg" border="0" ></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1/index.html" class="opacityit"><img width="100" height="29" alt="Year 1" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1.jpg" border="0"></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2/index.html" class="opacityit"><img width="100" height="29" alt="Year 2" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2.jpg" border="0"></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3/index.html" class="opacityit"><img width="100" height="29" alt="Year 3" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3.jpg" border="0"></a>
<a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4/index.html" class="opacityit"><img width="100" height="29" alt="Year 4" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4.jpg" border="0"></a></span>
</div>

the url is http://maths.sci.shu.ac.uk/students/...me/index2.html

Thanks,
Liam

Hi, I'm just learning html and I'm creating my website in Frontpage 2003. I looked in IE6 and my individual pages are exactly how I want them to look. However, viewing the same pages in Firefox presents me with a problem I'm not sure how to correct. It has to do with the center table. I originally copied and pasted the contents from Excel into the table (which I think was a mistake now). My workaround to this was copying and pasting the contents in the table into Notepad; and also shortening the length of each line; and then re-pasting the contents back into the table. It looks o.k. in Firefox but the alignment is no longer "justified". Can someone please tell me what I should be doing in the html code here? To see what I mean please open the link below in both IE and Firefox.
http://www.prosperityteachers.com/ne...ew_thought.htm
Much appreciated!

Hi,

I have a table with a background image. i want that this background image adjust itself dynamically according to the size of the table. Can this be achieved. can anyone post any technique of doing this?

Thanks in advance geniuses

htmlgroom

I am not an amatuer, I'd think, but for some reason I am having trouble slicing up this image into a site (http://www.pigseldesign.com/tartan_mod.jpg). The top menu is the problem area, but I think my trouble comes into play due to me using tables. I haven't really delved into DIV tags yet to understand how to make it work in that form, but it doesn't seem like it would be difficult.

I've just split the image into four columns and the menu falls into the 3rd. Problem is, when I make the cell's background the black/gray gradient, it spans to match the height of the patterned banner on the left (in another cell), even after I set the menu's cell's height to what it should be.

I know there isn't much concrete information to work with, but any help would be greatly appreciated. Even if there were a program where I could just slap this in and have it spit out what I need. I just want the code clean, correct and looking right.

I am not the most technically inclined, so the wording may be iffy ...

but I noticed that when I use a table to align images (like jpegs or gifs), my webpages get skewed only when I view them in Windows internet explorer 8 (things seem to be okay in Mozilla, Safari, Chrome, etc etc) ...

anyone know why?

here is an example: I put an image with a width="32" and a height="29" into a 'TD' tag (data for table) that is also designated a dimension of 32 by 29 pixels ... for some reason in explorer the images skew the table and distort my webpage.

note: I set in the table tag: cellpadding = 0 cellspacing =0 border=0
ALSO i set inside the img src tag a 'border=0' to be safe

look at the following example (in explorer 8 then the other browsers that seem to work):

http://missko.shacknet.nu/cityofrose...bleexample.htm

.. in the first (very small) image to the left you can see a green background color just below the image (only in Windows internet explorer 8) meaning it did not fit within the 'table data' boundaries for that particular table.

i hope this makes ANY sense .. this is driving me CRAZY! it is happening with ALL my stuff .. i have a feeling there is no way around this.

any ideas?

thanks.

Hello,

I am trying to create a HTML newsletter email, but for some reason the table I created for the framework is scrunching inside MS Outlook. It appears to be correct with every other medium (various webmails and such).

Is there a way to force outlook to keep the table properties I put inside the code?

I attached the HTML file as well as a screenshot of how outlook looks.

Any help is greatly appreciated!

Hi

I have just designed my first html eshot and tested it on different email clients using Mailchimps inbox inspector. Its fine across all clients as far as I can see except for Outlook 2007 & 2010. The image on the left moves out of place quite a bit. Outlook 2003 and all others are fine, its just 2007 & 2010 causing the problem.

Weblink (how it should look)

Outlook 2007 & 2010 (how it shouldn't look)

Outlook 2003 (just fine)


Does anybody know whats wrong? I'v tried all sort and it nothing is working, its driving me crazy! Dam you outlook!

Thanks!

Hi,

I'm a beginner with HTML and am trying to generate stationary using HTML for Outlook2007. The below is what I have for my code and the look is actually very good. However, when I tab from the subject line to the body, the cursor ends up at the beginning of my centered image. From there, the image moves when I type.

What I'm looking to have happen is for the image to be static (un-movable) and the cursor to actually start positioned below the image with a left justification. Does anyone have any ideas?

Tiggy

<html><head><title id="ridTitle">Citrus Punch</title> <style><!-- body {

font-family: Arial, Helvetica; font-size: 12pt; font-style: bold; color:

#ff6633; margin-top: 25px; margin-left: 25px; } --></style> </head> <body

id="ridBody" background="background2.jpg"><center><img id="ridImg"

src=KeaneLogo.jpg align=bottom></center> <p></p> <b><SPAN

id="_AthCaret"></SPAN></b> <p></p> </body> </html>

hi!
we are sending newsletter to clients. we are doing like:
1)creating newsletter in dreamweaver
2)running on brower
3)copy the entire layout using ctrl+a and
4) pasting it on new message window in outlook
5)its displaying as i copied

everything is fine. its reaching to clients as we sent. the problem is the newsleter take more than 100 kb while its going.

but actual size is just 50 only.
so pls suggest what is the problem exactly.

how to recude the file size or is there anyother way to send newsletter via outlook.

pls suggest me

Hello,

I have an html email that is being created with Cobol, then being sent via email to Outlook Express 6. When viewed, the page doesn't render correctly.

Here is the page that's being displayed:

663 N. ACCESS ROAD
CHICAGO IL 60666

ARRIVAL NOTICE
MAWB: 933-06068274
SHIPPER
SHAOXING XOUNTY YUNSHENG
SHUFENG VILLAGE QIANQING
SHANGHAI SH PVG CN
CONSIGNEE
MAJOR TEXTILE IMPORTS INC
1401 EAST 15TH STREET
LOS ANGELES CA 90021 US

FLIGHT DATE PIECES KILOS ORIG DEST ENTRY
KZ/176 26JUN 45 500.0 NRT ORD LAX
DESCRIPTION: WOVEN POLYESTER SEK STORAGE BEGINS:
HAWB PCS KGS

The page is built with tables, and they are supposed to line up next to one another. For example, the Shipper and Consignee Tables are supposed to be on the same table row.

Here is the actual HTML code:

<html>
<body>
<style type="text/css">
body {font-size: 11px; font-family: Verdana, sans-serif; border: 1px solid black;}
table {font-size: 11px; font-family: Verdana, sans-serif; }
</style>

<table width="600">
<tbody>
<tr>
<td rowspan="3" width="150"><IMG SRC="HTTP://10.0.0.164/OPS/IMAGESX/NCA.JPG"></td>
<td rowspan="3" width="100"></td>
<td>
<table width="350">
<tbody>
<tr align="right">
<td colspan="3" width="350">445 BROADHOLLOW RD - SUITE 105</td>
</tr>
<tr align="right">
<td width="75%">MELVILLE</td>
<td width="10%">NY</td>
<td width="15%">11747</td>
</tr>
<tr align="right">
<td colspan="3">6314210900</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

<table width="600">
<tbody>
<tr>
<td align="center"><h3>ARRIVAL NOTICE</h3></td>
</tr>
</tbody>
</table>

<table width="600">
<tbody>
<tr>
<td><h4>MAWB: 933-06068930</h4></td>
</tr>
</tbody>
</table>

<table width="600">
<tbody>
<tr>
<td>
<table width="295">
<tbody>
<tr>
<td><b>SHIPPER</b></td>
</tr>
<tr>
<td>PHOENIX INT L FREIGHT</td>
</tr>
<tr>
<td>13TH FLOOR GREENLAND</td>
</tr>
<tr>
<td>SHANGHAI SH PVG CN</td>
</tr>
</tbody>
</table>
</td>
<td width="10"></td>
<td>
<table width="295">
<tbody>
<tr>
<td><b>CONSIGNEE</b></td>
</tr>
<tr>
<td>PHOENIX INT L FREIGHT SER</td>
</tr>
<tr>
<td>19701 SOUTH VERMONT AVENUE</td>
</tr>
<tr>
<td>TORRANCE CA 90502 US</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

<table width="400">
<tbody>
<tr>
<td colspan="7"><br></td>
</tr>
<tr>
<td width="20%"><b>FLIGHT</b></td>
<td width="16%"><b>DATE</b></td>
<td width="16%" align="right"><b>PIECES</b></td>
<td width="22%" align="right"><b>KILOS</b></td>
<td width="12%" align="center"><b>ORIG</b></td>
<td width="12%" align="center"><b>DEST</b></td>
<td width="12%" align="center"><b>ENTRY</b></td>
</tr>
<tr>
<td width="20%">KZ/108</td>
<td width="16%">21JUN</td>
<td width="16%" align="right">36</td>
<td width="22%" align="right">621.00</td>
<td width="12%" align="center">NRT</td>
<td width="12%" align="center">LAX</td>
<td width="12%" align="center">LAX</td>
</tr>
</tbody>
</table>

<table width="600">
<tbody>
<tr>
<td colspan="3"><br></td>
</tr>
<tr>
<td width="68%"><b>DESCRIPTION: </b>CNSL BTS B</td>
<td width="2%"></td>
<td width="30%"><b>STORAGE BEGINS: </b>21JUN</td>
</tr>
</tbody>
</table>

<table width="300">
<tbody>
<tr>
<td colspan="3"><br></td>
</tr>
<tr>
<td width="125"><b>HAWB</b></td>
<td width="50" align="right"><b>PCS</b></td>
<td width="70" align="right"><b>KGS</b></td>
</tr>
<tr>
<td width="125">SHA10013627</td>
<td width="50" align="right">24</td>
<td width="70" align="right">211.00</td>
</tr>
<tr>
<td width="125">SHA10013634</td>
<td width="50" align="right">11</td>
<td width="70" align="right">234.00</td>
</tr>
<tr>
<td width="125">SHA10013637</td>
<td width="50" align="right">1</td>
<td width="70" align="right">176.00</td>
</tr>
</tbody>
</table>

</body>
</html>

Interestingly enough when you insert the html into Outlook Express and send it it renders perfectly.

What can be causing Outlook to be rendering the HTML built by Cobol incorrectly.

Thanks,
Jared

Hey guys, so, I'm having some problems creating HTML newsletter emails in Outlook 2003, whenever the newsletter is viewed in a browser it works fine, the layout stays the same and everyones happy. However, when this is put in an email as HTML text the format completely messes up. Does anyone know a way round this? I've tried importing it into Word and saving it, then copying and pasting it in but still no luck. Any help would be great!

I have a client who's dead-set on sending out their own HTML emails via Outlook. I create the HTML with absolute links for them via Dreamweaver; then they attach the HTML "as text" into a new Outlook message and send it out. It works surprisingly well except for one thing: Outlook always drops out any background image so that part of the message just looks blank.

Is there any easy way to force Outlook to display a background image correctly?

Thanks!

Hi all,

I am scratching head for couple of days .
I have a HTML page ,this has to be send through MicrosoftOutlook Express.When i click the internal link it has to go to the section of page,but the link it self is not enabling,its not working.

thanks in advance

My HTML page
----------------------

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Working Process Summary</title>
</head>

<body>
<table class="newsletterboarder" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" cellSpacing="0" cellPadding="0" width="751" align="left" border="0" id="table2">
<tr>
<td><b><span style="FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Tahoma">
<img style="WIDTH: 782px; HEIGHT: 145px" alt="Working Process" border="0" v:shapes="_x0000_s1032"></span></b></td>
</tr>
<tr>
<td class="header" style="PADDING-RIGHT: 10px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #336699">
Working Process
14 November2007</td>
</tr>
<tr>
<td style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid" height="2543">
<div class="tableholder" title="Release Overview" style="WIDTH: 764px; HEIGHT: 210px">
<div class="tabletitle">
Information - Overview </div>
</div>
<div class="twoColumn_component">
<div class="rightColumn" style="WIDTH: 342px; HEIGHT: 159px">
<h2 class="blue">General Information</h2>
<ul>
<li><a href="#info7">Upcoming Dates &amp; Events</a>
</li>
<li><a href="#info8">Detailed Status Information </a></li>

</div>

<p class="retop"><a title="#top" href="#top">Return to Top</a></p>
<ul>
</ul>
<ul>
<li><b>Issue (P2) : </b>info<br>
<b>Action Plan: </b>Team is analyzing
</li>

</ul>
</blockquote>
<strong>Key Upcoming Milestones </strong>
<ul>
<li>Post Project Assessment
<li>.</li>
</ul>
<p class="retop"><a title="#top" href="#top">Return to Top</a></p>
<a id="#info3" title="#info3" href="#info3"></a>
<h2 class="blue"> Release <strong>
</strong></h2>
<ul>
<li <span style="FONT-FAMILY: Arial"><font face="Arial">RMSPRs</font>
information format</span></font></span>
</li>
<li <font style="FONT-SIZE: 9pt" face="Arial">info mailed.</font></span></span></span>
</li>
<li><span style="FONT-FAMILY: Arial"><font style="FONT-SIZE: 9pt">
<font face="Arial">Target&nbsp;</font><span class="112494500-31102007"><font face="Arial">Development
has started.&nbsp; </font></span></font></span>
</span></span></span></li>
<li><font style="FONT-SIZE: 9pt" face="Arial">Info follows.</font>
</li>
<li><font style="FONT-SIZE: 9pt" face="Arial">Coming with info.</font>
</li>
<li><font style="FONT-SIZE: 9pt"><span class="112494500-31102007">
<b><font face="Arial">Potential projects </font></b></span></font>
<ul>
<li><font style="FONT-SIZE: 9pt" face="Arial">Out ongoing
</font></li>
</ul>
</li>
</ul>
<ul>
<li>None </li>
</ul>
<strong>Key Upcoming info </strong>
<ul>

</ul>
<p class="retop"><a title="#top" href="#top">Return to Top</a></p>
<ul>
<li>None </li>
</ul>
<ul>

<li>.</li>
</ul>
<p class="retop"><a title="#top" href="#top">Return to Top</a></p>
<strong>Key Issues and Risks </strong>
<strong>Key Upcoming Milestones </strong>
<ul>

<p class="retop"><a title="#top" href="#top">Return to Top</a></p>

<h2 class="blue">OOCRs for the week 11/12 to 11/16</h2>
<p class="retop"><a title="#top" href="#top">Return to Top</a></p>
<h2><a name ="info7">Upcoming Dates &amp; Events</a></h2>
<ul>

<li>NEw info to be made available: 11 July </li>
</ul>
<p class="retop"><a title="#top" href="#top">Return to Top</a> </p>
<h2 ><a name ="info8">For Detailed Information</a></h2>


</tr>
<tr>
<font size="2"><span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial">
<font size="1"><span style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial">
</tr>
</table>

</body>

</html>


thanks in advance

Hi all,

I have a question,my code is running properly ,when i copy this and paste in Microsoft outlook express its not working.

I have a link to a section of page when i click its heading.My Page is quite big one,so i wrote headings and once its clicked it should go to the section of content.

my code
------------
HTML Code:

<html>
<body>
<div id="wrapper">
<div id="IUbanner">
		<a href="http://www.indiana.edu"><img src="../images/iu_crimson.gif"
alt="Indiana University" /></a>
	</div>
	<div id="header">
		<a href="http://uits.iu.edu"><img src="../images/UITSheader.gif"
alt="University Information Technology Services" /></a>
	</div>
	<h1 id="subheader"><a href="http://webmaster.iu.edu"><img
src="../images/wmheader.gif" alt="IU Webmaster" border="0"/></a></h1>
  <div id="centerwrap">
	<div id="content">
  	<!-- Insert content here -->

<a name="TOP"></a>
<H3>Getting Started</H3>
  <H5>Table of Contents</H5>
  <ul>
      <a href="#a">Introduction</a> <br>
      <a href="#b">Getting an Account</a> <br>
      <a href="#c">Getting the Tools</a> <br>
      <a name="a"></a>
<hr>
<h5>Introduction</h5>


  <p> If you are new to developing Web pages, this brief overview will
 help
you get started. It outlines the steps you will take to publish your
 Web
pages on IU's central Web servers (<tt>Veritas/Champion</tt>). If you
 are
familiar with the process of creating and publishing Web pages, see the
Webmaster's "<a href=../tool_guide_info/tgcat.shtml>Tools and
Guides</a>" page to
learn more about improving your Web pages and for help with the tools
offered for the
central web server accounts.</p>
<P>
<CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER></p>


<A NAME="b"></A>
<hr>
<h5>Getting an Account</h5>

  <P> Before you can put Web pages on IU's central Web servers
(<tt>Veritas/Champion</tt>),
    you need to get an account. To see if you are eligible to have an
account on
    an IU web server and to learn how to get an account if you are
eligible, see
    the Webmaster's <a href="../account_info/ac.shtml">Accounts</a>
 page. </p>

<P><CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER> </p>

<A NAME="c"></A>
<hr>
<h5>Getting the Tools</h5>

  <p> Once you have an account on the Web server, the next step is to
get the tools
    you will need to create, upload, and view your Web pages. If you
do not already
    have these tools, you can get most of the them from <a
href="http://iuware.indiana.edu/">IUware Online</a>.  For information
 on
obtaining the IUware CD please see the
Knowledge Base entry: <a href="http://kb.iu.edu/data/amij.html">At IU,
where can I get the IUware CD?</a></p>

<p>
Here are the tools you will need to get started: </p>

  <ul>
    <li><strong>A text editor or word processor</strong>: To create
your Web page,
      you'll need a text editor or word processor. Windows computers
 come with
      a text-editor called "Notepad" and Macintoshes come with a text
editor called
      "Simple Text."
</div><!-- end footer -->

</div><!-- end wrapper -->
</body>
</html>