|
HTML - Embedding Table Background In Outlook Express
Hey everyone.
I'm having a problem with a stationery model I'm trying to create. In order to create a 100% width header, I've created a table which goes something like this: HTML Code: <table width=100% cellpadding=0 cellspacing=0> <td width=100% background=XXX.jpg> <img src="YYY.jpg"></img> </td></table> So, this header has a left aligned image which seamlessly blends into the table background. Everything works just fine here. But when I send the message, only the image YYY gets an CID assigned and actually reachs the destination. The background image XXX does not appear on the recipients e-mail client. What do I do? Thanks for the help!! Felipe Similar TutorialsHello guru, I want a hyperlink from the email address to go straight to outlook express. What is the code that i type in? Thanks for all of your help guru well i have a link which points to an email address using mailto <a href="mailto:abct@gmail.com">abc@gmail.com</a> which opens an outlook express window.....i want this window to be of a specific size of my choice..... how do i implement it ??? 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 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 & 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 </font><span class="112494500-31102007"><font face="Arial">Development has started. </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 & 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>
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! Two questions about embedding a table within a table: 1, For some reason when I put a new table in the cell of an existing table, the table will always appear as verically justified in the center rather than the top. How do i change this so that the table appears in the top of the cell? 2, I am using dreamweaver, I have 2 tables embedded in different cells of an existing table, the code works fine when I play the page in a web browser, but I cannot see the tables in design view of dreamweaver, this has never happened to me before. Any idea why this is happening and how to fix it? Hi Guys, Can some one please send me the link of the msdn website for the above, i have searched all over for this and for some reason i can only find the one you have to pay for, it was only a few months ago i downloaded this for a friends laptop, and now i cant find it..... Help me pleaseeeee. Thanks in advance. Does anyone know how to image map using VWD Express 2010? The help button is next to useless and I couldn't find anything that made sense on Google. Up until now I've been using Image Ready, but I don't have enough control over the finished image. Hi All, I have a html page ,when i copy the preview and paste it in Microsoft Outlook Express ,when i click the link its not going to section of the page. If i click Upcoming Dates & Events its not going to section of the page How to make it working,Can any one plz help me out. My code as follows html code: --------------------- <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 title="#info7" href="#info7">Upcoming Dates & Events</a> </li> <li><a title="#info8" href="#info8">Detailed Status Information </a></li> </div> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> <li><b>PDR </b></li> </ul> <blockquote> <ul> <li><b>PDB </b></li> </ul> <blockquote> <ul> <li><b>Issue (P2) : </b>info<br> <b>Action Plan: </b>Team is analyzing </li> <li><b>Issue (P3): </b>infosdfe<br> <b>Action Plan:</b> </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 </font><span class="112494500-31102007"><font face="Arial">Development has started. </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 & 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> my CSS ---------------- #exectPhotos { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } } .sectionNavigation UL LI { MARGIN: 0px 0px 2px } .sectionNavLeft UL LI { MARGIN: 0px 0px 2px } .sectionNavRight UL LI { MARGIN: 0px 0px 2px } } #2c_leftColumn_separator { Z-INDEX: 2; LEFT: 0px; MARGIN-RIGHT: 51%; POSITION: relative; TOP: 0px } .twoColumn_component .leftColumn { Z-INDEX: 2; LEFT: 0px; MARGIN-RIGHT: 51%; POSITION: relative; TOP: 0px #2c_leftColumn_separator { PADDING-RIGHT: 5px; BACKGROUND: url repeat-y right top } .twoColumn_component .leftColumn_separator { PADDING-RIGHT: 5px; BACKGROUND: url repeat-y right top } #onThisPageFloat { PADDING-RIGHT: 16px; PADDING-LEFT: 15px; Z-INDEX: 2; FLOAT: right; BACKGROUND-COLOR: #fff } #bodyContent #onThisPageFloat { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; Z-INDEX: 100; FLOAT: right; BACKGROUND-COLOR: #fff } #centerColumn #onThisPageFloat { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; Z-INDEX: 100; FLOAT: right; BACKGROUND-COLOR: #fff } .timezonelast { BACKGROUND: none transparent scroll repeat 0% 0% } .pullquote { BACKGROUND: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Working Process Summary</title> </head> <body> </div> <div class="twoColumn_component"> <div class="rightColumn" style="WIDTH: 342px; HEIGHT: 159px"> <h2 class="blue">General Information</h2> <ul> <li><a title="#info7" href="#info7">Upcoming Dates & Events</a> </li> <li><a title="#info8" href="#info8">Detailed Status Information </a></li> </ul> </div> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #2 here --> <a id="#info2" title="#info2" href="#info2"></a> <h2 class="blue"> Release </h2> <strong>Key Updates </strong> <ul> <li>Overall information "Yellow/Green". </li> </ul> <p><strong>Key Issues/Risks</strong></p> <ul> <li><b>PDR </b></li> </ul> <blockquote> <ul> <li><b>Issue (P4) : </b> <b>Action Plan:</b> Issue & workaround analysis is off </li> <li><b>Issue(P4):</b> no info.<br> <b>Action Plan:</b> Team is investigating the issue. </li> </ul> </blockquote> <ul> <li><b>PDB </b></li> </ul> <blockquote> <ul> <li><b>Issue (P2) : </b>info<br> <b>Action Plan: </b>Team is analyzing </li> <li><b>Issue (P3): </b>infosdfe<br> <b>Action Plan:</b> </li> </ul> </blockquote> <strong>Key Upcoming Milestones </strong> <ul> <li>Post Project Assessment </li> <li>. </li> <li>. </li> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #3 here --> <a id="#info3" title="#info3" href="#info3"></a> <h2 class="blue"> Release <strong> </strong></h2> <strong>Key Updates </strong><span class="218095106-13112007"> <span class="924295007-06112007"> <ul> <li><span class="685430504-02102007"><font style="FONT-SIZE: 9pt"> <span style="FONT-FAMILY: Arial"><font face="Arial">RMSPRs</font> information format</span></font></span> </li> <li><span class="685430504-02102007"> <span style="FONT-FAMILY: Arial"><span class="112494500-31102007"> <font style="FONT-SIZE: 9pt" face="Arial">info mailed.</font></span></span></span> <span class="685430504-02102007"></li> <li><span style="FONT-FAMILY: Arial"><font style="FONT-SIZE: 9pt"> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #4 here --> <a id="#info4" title="#info4" href="#info4"></a> <h2 class="blue"></h2> <strong>Key Updates </strong> <ul> <li>. </li> <li>.</li> </ul> <strong>Key Issues and Risks </strong> <ul> <li>None </li> </ul> <strong>Key Upcoming Milestones </strong> <ul> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #5 here --><a id="#info5" name="#info5"></a> <strong>Key Issues and Risks </strong> <ul> </ul> <strong>Key Upcoming Milestones </strong> <ul> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #7 here --> <h2><a name ="info7">Upcoming Dates & 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> <!-- Start Article #8 here --> <h2 ><a name ="info8">For Detailed Information</a></h2> </tr> <tr> <td style="PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px" height="50"> <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> no-repeat; MARGIN: 5px; WIDTH: 17px; LINE-HEIGHT: 1.1; HEIGHT: 15px } #pullbulletlist {} thanks in Advance hi, i would like to know if its possible to place a table background image on top of the td color within that table... example he www.tomesrabold.com/levy/thingstodo.html I would like the image at the bottom to be on top of the yellow bar at left. The image at the bottom is the background to the entire table, while the left bar is the background color to the td. Hi, I can't seem to figure out how to have a centered background image in a table in addition to its background color. Here's the site in question: http://deliciousintlbakery.com/test.htm I want to keep the red background in the table, but I also want an image centered behind the text (the address of the cafe). Here's the code: <table width=70% cellpadding="0" cellspacing="0" border=1 align="center" style="font-family: Arial ; font-size: 9pt;" bordercolor="#FFCC00"> <tr><td> <table width=100% cellpadding="0" cellspacing="0" bgcolor="8D2B25" height="250" border="0" style="font-family: Copperplate Gothic Bold ; font-size: 9pt;"> </td></tr> Thanks! ok i know it's rough but here the site - basically it runs fine in firefox, chrome, and latest safari and fine on mobile opera etc, but in ie 7 it completely screws the background box on a few tables on a all the pages pages: run this in ie 7: http://www.gospeldesign.co.uk/sb/ view it in chrome to see how it's meant to look, do you think it's something i'm doing in the css? i'm pretty new to this and only just started using css. thanks for any help. I'm new to the forum and hope i'm asking in the right place. I have modified some code to break one image into seperate images and display them at different places on a page, but i would like to use one of the images as a background to a table, below is the code (excluding javascript) to seperate one item that i've called Logo and show it on it's own; <body onload="crop('images/New_Logo.png', 'Logo', 0, 0, 960, 99); > <div id="Logo" style="width:960px; height:99px; margin-bottom:20px;"></div> I've tried different variations to show as background but it wouln't work, i was thinking along the lines of <table background="Logo"> .... </table> I am trying to have a non repeating background in my table. My table is inside a DIV tag. It works perfect in Mozilla Firefox but not in internet explorer. I know someone on this forum had a similar problem awhile ago but I couldn't seem to fix my problem. I am not the best at coding. This is what I have <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" style="background:url(assets/blob2.png)no-repeat"> Any help would be greatly appreciated How/where can I add a background color to this table? thanks. Code: <TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
<TR>
<TD><font class=tbody>
<form action="/smusermanager/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/smusermanager/members/default.asp">
<table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><font color=white><b>Login Here</b></font></td></tr>
<tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>Email Address</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr>
<tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr>
</td></tr></table></td></tr></table></td></tr></table></form>
<div style="padding-left: 24px;"> <font face="Arial" color="#000000" size="3"><img src="/images/Hphone.gif" style="vertical-align: middle;"> <a href="?action=login"> Home</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone1.gif" style="vertical-align: middle;"><a href="?action=register"> Register</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone2.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> FAQ</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone3.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> Terms Of Use</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone4.gif" hspace="4px" style="vertical-align: middle;">
<a href="?action=forgotusername"> Contact Us</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone5.gif" style="vertical-align: middle;"><a href="?action=forgotpass"> Forgot Password</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone7.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> Forgot Username</a></font></div>
</font>
</TD>
</TR>
</TABLE>
Hi, I have searched the forums for an answer to this question, but I couldn't find anything that solves my problem. I have designed a site in Dreamweaver. http://www.dirt-e-riders.com In IE 6 and IE 7 it shows correctly, but in firefox the backgound image for my table doesn't show. In effect I have two main tables, each sized at 100% width. Table 1 is at the top of the page and contains a bg. in jpg format Table 2 is just below that and also contains a bg. in gif format I didnt make the bg for table1 a gif cause the quality is too poor. The bg for table1 does not show, but the bg for table 2 does. I have already tried to read the bg from my CSS with no repeat but it does the same. Could someone please help me. I'm new to web design. Your help will be greatly appresiated. Thanks Hi everyone, my problem is that I have a table with a background, which shows in my html editor, but when I upload the page, in bluehost, the background image doesn't show. All other images are showing fine except the background images of any table. here's what I'm writing <table width="817" height="172" border="0" align="center" cellpadding="12" background="backsev.jpg" bgcolor="#CCCCCC"> <tr> <td><td align="right"><table width="480" height="145" border="0" cellpadding="0"> <tr> <td valign="left"><div align="justify"> </div></td> </tr> </table></td> </tr> </table> so in this case, after uploaded it only shows bgcolor is is not reading/showing background="backsev.jpg" any ideas? hello all how could i export an outlook signature from MS OUtlook 2003? THanks Is there a simple attribute for tables that tells it to alternate the colors for every second row? For example, if I want to create a table where the first row background color is grey, the second row is white, the third grey, the fourth white, and so on, is there a simple attribute like "altcolor=grey" or something like that (maybe in CSS)? |
|||||||