|
HTML - How To Make Html Page Working In Microsoftoutlook Express
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 Similar TutorialsHi 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>
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 sorry im really new at this stuff. so i have the code, and i need to make & view the page.. so how do i do that?? thanks 1St PROBLEM OF PASSWORD HIDING HAS BEEN SOLVED,N DA 2ND PROBLEM HAS BEEN GIVEN IN THE LAST POST OF MINE. PLEASE CHECK @ALL N HELP ME. Hey friends,i'm having a JavaScript by which we can make our html page password protected. I got dis script from a site n tried,but dont know where i'm going wrong. CAN U ALL PLZ TRY IT N DEN SAY ME,HOW N WHAT TO DO. The script is as follows,which is to b placed in the head tag. Ok.. <script language="JavaScript"> <!--hide script supplied by hypergurl http://www.hypergurl.com var password; var pass1="daksh"; password=prompt('Enter your password in order to view this page!',' '); if (password==pass1) alert('Correct password, OK to enter!'); else { window.location="http://soamz.uk.to"; } // end hide--> </script> Plz help me.. My temporary site is http://soamz.uk.to Can i just place some html in between the head tags or ?? to make the text change to arial for example? hi everyone this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned! ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks) basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site. as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help HTML Code: <link rel="stylesheet" type="text/css" href="css/master.css" />
</head>
<body>
<div id="page-container"> <!--this div will hold all the other elements of the page-->
<div id="main-nav">Main Nav</div>
<div id="header">
<h1> Kilmaclolm Dramatic Society logo to be placed here </h1>
</div>
<div id="sidebar-a">
<dl class="hidden">
<dt id="about"><a href="#">About</a></dt>
<dt id="services"><a href="#">Services</a></dt>
<dt id="portfolio"><a href="#">Portfolio</a></dt>
<dt id="contact"><a href="#">Contact Us</a></dt>
</dl>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus.
Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus
euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio.
Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget,
purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
</div>
<div id="footer"><!--floated divs dhould come first to avoid any IE issues-->
<div id="altnav">
<a href="#">About</a> -
<a href="#">Services</a> -
<a href="#">Portfolio</a> -
<a href="#">Contact Us</a> -
<a href="#">Terms of Trade</a>
</div>
Copyright © Kilmacolm Dramatic Society. A website by D Keenan
</div>
</body>
</html>
Code: @charset "utf-8";
/* CSS Document */
html, body { /*resets the margins and padding on both the html and body tags to 0 to ensure theres
no space between the top of the browser and the top of the page */
margin: 0;
padding: 0;
}
h1 {
margin: 0; /* takes away the default margin and padding on h1 tags */
padding: 0;
}
.hidden {
display: none; /* any element with this class wont be seen on the site */
}
#page-container { /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere
this div's height will change depending on the content*/
margin: auto; /* browser sets margin, should centre the div */
width: 760px; /* sets the width of the container */
}
#main-nav {
background: red;
height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
float: left; /* floats sidebar to left of the screen */
background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/
width: 280px;
}
#content {
background: green; /*the height is dependend on the content so no height will be set for the time being*/
margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */
}
#footer {
clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/
background: orange;
height: 66px;
}
I used dis below script,which wil ask my visitor his name,n den wil display it in the corresponding page.But i dont know,where i went wrong,n its not working in my html page. Someone please rectify it n give me its working script for an html page. Please... Ok here is the script.. IN HEAD TAG, <script language=JavaScript> <!-- script supplied free by hypergurl.com http://www.hypergurl.com --> <!--- start of javascript hide var Firstname=prompt("Enter your Firstname :","Firstname"); // unhide ---> </script> IN BODY TAG, <script language=JavaScript> <!--- start of javascript hide document.write("<center><h1>Welcome" + " "); document.write(Firstname + " "); document.write("</h1></center>"); //unhide ---> </script> please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. Hello 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 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. Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? 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 ??? 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. 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 HI everyone, I am in process of creating a sample page. I need to pass values from one HTML page and i should get those values in other page. For example i have used two sample pages like, sample.html l<html> <head> <title> My first page </title> </head> <body> <a href="sample1.html" id="1001">Welcome to html </a> </body> </html> sample1.html <html> <head> <title> My second page </title> </head> <body> <a href="sample1.html">Sample HTML page values came here</a></body> </html> I have used those two sample pages and i need to get the value of id="1001" in sample 1.html page could anyone help me to solve this problem. Thanks in advance Regards, Martin Working on this site and I like the template but I'm tying to make it more inviting, any ideas? Not very creative here.. www.baysidesuperior.org/Bayside/ministries.html I have wrote this <html> <body> <script type="text/javascript"> var w=window.open(); w.document.open(); w.document.write("FirstLine<br>SecondLine<br>"); w.document.close(); </script> </body> </html> This simply creates anew window and outputs text onto it... What I want is for the specified text, to be outputed to a new html file For instance, OutPut1.html or OutPut2.html and so on. And for clarification, I do not want to manually create each new file for html to write to. I want the main html to create these new files Thank you all in Advance for all help given I need help with this html page. I would like the disclaimer at the bottom of the page to not follow the body. Is that possible? Take a look at this html and let me know if it is possible to recode it to show the disclaimer across the entire width of the page bottom as in this url : http://www.stocktraderspress.com/mem..._01112012.html Here is the html code for the new page I am trying to edit: <html> <head> <title>Stock Traders Press :: 2011 Performance</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style3 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style4 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style11 {font-size: 10px} .style15 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .numbersbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: center; } .datebody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: right; } .tickerbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left; } .style17 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> </tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td colspan="5"> <table width="89%" border="1" cellpadding="10" cellspacing="0"> <tbody> <tr> <td valign="middle" bgcolor="#FFFFFF"> <table width="100%" border="0" cellpadding="2" cellspacing="0"> <tbody> <tr> <td colspan="5"><img src="/stp_logo.gif" width="363" height="42"></td> <td>*</td> <td><span class="style3">2011 Performance</span></td> </tr> <tr> <td colspan="2"><a href="/members/welcome.php">Go Back </a></td> <td colspan="5"><span class="style4">************************** </span></td> </tr> <tr> <td colspan="7"><span class="style4">These are the recommendations our Firm made in 2011 </span></td> </tr> <tr> <td colspan="7"><span class="style4">By purchasing an equal amount of every stock, you would have had an average gain of 9.41%</span> </td> </tr> <tr> <td width="87">*</td> <td width="115">*</td> <td width="80">*</td> <td width="79">*</td> <td width="197">*</td> <td width="140">*</td> <td width="175">*</td> </tr> <tr> <td colspan="2" class="style15">Closed Positions </td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> </tr> <tr bgcolor="#CCCCCC"> <td> <div align="center"> <strong><span class="style17">Stock</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Bought</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Sold </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Time Held </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Recommended) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Sold) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Profit/Loss</span></strong></div> </td> </tr> <tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">01/05/2011</td> <td class="numbersbody">04/29/2011</td> <td class="numbersbody">114 Days</td> <td class="numbersbody">$12.69</td> <td class="numbersbody">$18.20</td> <td class="numbersbody">43.42%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">CMG*</td> <td class="numbersbody">07/08/2011</td> <td class="numbersbody">08/18/2011</td> <td class="numbersbody">41 Days</td> <td class="numbersbody">$325</td> <td class="numbersbody">$285</td> <td class="numbersbody">12.36%</td> <td class="numbersbody">*Cover of a Short position</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">09/06/2011</td> <td class="numbersbody">10/24/2011</td> <td class="numbersbody">2 1/2 months</td> <td class="numbersbody">$11.11</td> <td class="numbersbody">$13.58</td> <td class="numbersbody">24.46%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">OLN</td> <td class="datebody">10/04/2011</td> <td class="numbersbody">10/27/2011</td> <td class="numbersbody">23 Days</td> <td class="numbersbody">17.17</td> <td class="numbersbody">$21.37</td> <td class="numbersbody">24.46%</td> </tr> |
|||||||