HTML - Creating Outlook Stationary With Html
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> Similar TutorialsHello, 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! 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! 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 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! 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! Hi Friends, I've created an html coded email signature for Outlook 2003 (old, i know) and need some help. I've inserted a few images and linked them back to my company's social media platforms. When I insert the html template into Outlook it places <> after each picture/icon that i inserted. Any suggestions on how to remove these?! i finally figured out how to remove the underline but now i'm stuck with <> and can't get it to go away! PLEASE HELP!!! 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> Hi guys, Could you please help me in giving the code that takes data from the fields in HTML form and when submit button is clicked the mail has to go to the intended user through Microsoft office outlook. Please help me... its very urgent Thanks & Regards Karteek Challa Hi. I am comparatively new to html. Hi. I am aware there are differing opinions regarding Html emails. However, I have been requested to produce an html document to email to specific recipients in this format. Some of the html functions I need to use are not handled well by the Email client I am using (Outlook 2007), let alone where it is going. Therefore as a workaround I am attempting to email the html document as an attachment to my email, so that it will be opened in a web browser. However, I am having trouble, linking to the attached photos to the same email from within that html document. I have successfully, embeded the photos into the same email, using CDO 1.21 (from MS Access VBA) and <img src=cid: etc. However, this does not work for the attached html file. Any ideas on how to refer to them from within the attached html document would be greatly appreciated, even if I am going in the wrong direction. Thank you. Hi guys, Long time reader, first time poster...hope someone can help. I've created some stationary, but have issues when using it. It will do the typical Word double-spacing when you hit enter. I have added the paragraph line below hoping it would fix the issue. If I made the bottom/top margins like 50pt, it would follow that ok, but I discovered it wouldn't go lower than 12pt. I found the reason by opening the HTML in Word and looking at the HTML Source Viewer...amongst the hundreds of extra lines, I noticed my lovely "margin-bottom:0pt" had be changed to "margin-bottom:12pt"!! Any idea how to stop Word from changing this? <table cellpadding="0" cellspacing="0" width="700" border="0" align="center"> <tr> <td align="left" valign="top" style="font-family: Arial; font-size: 10pt; color: #000000;"> <p style="margin-top:0;margin-bottom:0;"> Dear<br> ... I have tried editing the paragraph settings in Word then saving, and I get the result I want, but found it developed other issues once saved. Its being used though a Terminal Server, and something Word adds makes the entire stationary blink when you type. But its ok if I make changes though DreamWeaver, hence I'm trying to do it this way. Thanks in advance guys Hello all. I am new to this forum and really need some help creating a form. I am trying to help a friend out for a Charity Golf Tournament. I have some of the code completed already and cant figure out a few things. Basically the form I have created already has a drop down box for Golfers 1-4. I need help creating the rest of the form so when a person selects (from the drop down) either 1,2,3,or 4, then the form will display golfer information fields such as Golfer Name, Address, Email, Phone # only for the amount of golfers selected. ( I need the golfer information piece to be dependant on how many golfers are selected, etc) any help would be greatly appreciated. Here is the HTML code I have so far. (this is very basic) Here is what trhe current code produces: And here is the code: <th colspan="2" scope="row"> <table width="80%" border="0" cellspacing="0" cellpadding="5"> <tr> <th colspan="2" bgcolor="#3a4876" scope="row">This will be the Golf 2009 Page........ =)<p align="left"> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 1. Number of Golfers</td><td width="50%" valign="center"> <Select NAME="#3a4876"> <Option Value="1">1 <Option Value="2">2 <Option Value="3">3 <Option Value="4">4 </Select> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 2. Golfer Name 1</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3002" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 3. Golfer Name 2</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3003" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 4. Golfer Name 3</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3004" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 5. Golfer Name 4</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3005" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 6. Shirt Size</td><td width="50%" valign="center"> <Select NAME="f3006"> <Option Value="S">S <Option Value="M">M <Option Value="L">L <Option Value="XL">XL <Option Value="XXL">XXL </Select> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 7. Golfer Address</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f3007" maxlength="255" value="" size="20"> </td> </tr> <tr><td width="50%" valign="center"> <font face="helvetica,arial" size="" color="black"> 8. Golfer Phone number</td><td width="50%" valign="center"> <INPUT TYPE="text" NAME="f1001" maxlength="255" value="" size="20"> </td> </tr> </table> <center> </FORM> <INPUT TYPE="hidden" NAME="userid" VALUE="5929"> <INPUT TYPE="hidden" NAME="fno" VALUE="2"> <INPUT TYPE="hidden" NAME="wid" VALUE="5"> <INPUT TYPE="hidden" NAME="qno" VALUE="1"> </center> </form> </td> </tr></table> </td> <td width="1%" bgcolor="0033cc"> </td> </tr> <tr> <td width="1%" bgcolor="0033cc" bgcolor="0033cc" class="edge-bl" height="10"> </td> <td width="98%" bgcolor="0033cc"> </td> <td width="1%" bgcolor="0033cc" bgcolor="0033cc" class="edge-br" height="10"> </td> </tr> </table> </p> <p align="left"> </p> <p align="left"> </p> <p align="left"> </p> <p align="left"> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </th> </tr> <tr> <th width="61%" bgcolor="#3a4876" scope="row"> </th> <td width="39%" bgcolor="#3a4876"> </td></tr></table></th></tr> Hi There, I need some help creating a html cookie that collects information from a registration form I created in HTML. I then need to take that information and populate another form which is an invoice. So far I haven't been able to accomplish this on my own because I have the Regform.html, which already post info to a regform.php (this is what generates an email to me with the registration info). It is on that regform.php form they have the option to have a invoice created. Since I can't nest forms together I have to use this cookie method. The html cookies I have found online have not given me anything more then the generic cookie in which to place on someones pc. No knowledge of JS doesn't help. These are the fields below that need to link from the regform.html to the invoice.html form. I just realized that I have multiple lines on the invoice for multiple registrants but the same is not true on the regform. Even if I could get the first group of info to carry over, I could then edit the regform to add multiple registrants on the next lines. www.ahtcsonline.com/regform.html www.ahtcsonline.com/regform.php www.ahtcsonline.com/invoice.html Which Class: -drop down- Date of Class: # of Attendees: -drop down- Attendee Name: E-Mail: Company:* Address:* City:* State: -drop down- Zip:* Phone:* hey, I have problems creating a database with html can someone guide me? I am assigned to build a site for a company and i need to do a database for all their products. Hi, I am new to HTML coding and I would like to create a new search box which tells if that particular item can be found or not. Lets take an example of Cash on Delivery. Now there are close to 1500 pin codes where the option of cash on delivery is available. My question is how can I create a form which accepts a pin code and gives the result if the cash on delivery is available or not. Regards, Giridhar S Hey there, Say I want to create a website by myself, using my own HTML code. How would I do this? I am pretty good with HTML, and know quite alot. But when it comes to finding somewhere to place all the code, it confuses the hell out of me lol. So, a few questions. - What programme is the best for writing your code into? - Once I have saved the code in this programme, how do I upload it through the FTP? (like, where do I place it?) - Is that it, or is there more to it? Cheers guys, Preemo I am Class Vth Student and need your help in designing the html page .I need to create a webpage displaying different names with addresses.the height and width of table should be of 120 pixel.border thickness is 5 pixel.border shud be red in color and bkground shud be grey. Hello everyone I need to create a html form that after completing will generate .doc file that will be saved on client's PC. I found this -> http://www.htmlforums.com/html-xhtml...oc-103591.html but seems because it's no one's paying attention so I decided to repost the question, i tried things in above thread but they don't seem to work for me at all and i tried different browsers even, i hit submit and form resets to default values and... that's it no .doc file is generated. Any help in my case would be very appreciated, also i don't know too much outside of HTML I've been trying to figure out how to create a drop down menu in place of the original navigation on my website. I found what I want to do I just need to know how to apply it. Here's the website with what I want to do: http://www.dynamicdrive.com/dynamici...roptabmenu.htm It's example 2. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>|*|Doll Directory|*|</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!-- Stylesheet --> <style type="text/css"> body { background: url(''); background-color: #FFFFFF; font-family: "Trebuchet MS"; font-size: 12px; line-height: 1.5em; color: #ffffff; letter-spacing: 1px; } #container { margin: 0 auto; border: 4px solid #FF0080; width: 722px; background-color: #FFFFFF; } #header { width: 722px; } #content { background-color: #FFFFFF; padding: 4px; width: 500px; text-align: left; margin-left: 0px; margin-top: -8px; } #sidebar { float: right; width: 212px; background-color: #FFFFFF; margin-right: 0px; margin-top: -8px; height: auto; padding: 4px; text-align: center; } #footer { clear: both; background-color: #FF0080; margin: 0px; width: 722px; height: 45px; text-align: center; } #bar { text-align: center; margin: 8px; padding: 12px; margin-left: 0px; background-color: #FF0080; margin-top: 0px; width: 700px; } a.nav:link, a.nav:visited, a.nav:active { text-decoration : none; font-family : Trebuchet MS; font-size : 10px; line-height : 12pt; text-align : center; color : #fa829a; font-weight : bold; background-color : #252525; cursor : default; text-transform : uppercase; padding : 5px; border-right : 5px solid #c15876; border-bottom : 1px dotted #7d7d7d; } a.nav:hover { color : #ffffff; background-color : #363636; border-right : 5px solid #d58fb4; border-bottom : 1px dotted #515151; } .site { font-family: Gabriola; font-size: 22px; font-weight: bold; color: #fa829a; } h1 { margin-top: 5px; text-align: left; color: #fa829a; font-family: Gabriola; font-size: 25px; font-weight: bold; padding: 5px; font-style: none; border-bottom: 1px dotted #535152; letter-spacing: 1px; } h1:first-letter { text-align: left; color: #fa829a; font-size: 25px; font-style: normal; font-weight: normal; } h2 { font-weight: bold; text-align: left; color: #fa829a; font-family: Gabriola; font-size: 18px; border-bottom: 1px dotted #8a8988; padding-bottom: 2px; margin-top: 7px; margin-bottom: 7px; } a:link,a:visited,a:active { text-decoration: none; font-family: Trebuchet MS; cursor: default; font-size: 11px; color: #fa829a; font-weight: normal; } a:hover { font-family: Trebuchet MS; font-size: 11px; text-decoration: none; color: #fa829a; background-color: white; padding: 1px; } b,strong { font-family: "Trebuchet MS"; font-size: 11px; font-weight: bold; color: #fa829a; } i,em { font-family: Gabriola; font-style: italic; font-size: 11px; color: #fa829a; } u { font-family: Gabriola; font-size: 11px; border-bottom: 1px dotted #add568; color: #fa829a; padding-bottom: 1px; text-decoration: none; } blockquote { width: 350px; margin: 8px; padding: 3px; background: #fff; border: 3px solid #413b31; cursor: default; color: #fa829a; } </style> </head> <body> <div id="container"> <!-- Header image --> <div id="header"> <img src="http://missdolldecade.awardspace.us/MDD_Banner.png" border="0" alt="" /> <div id="bar"> <div class="nav"><a href="http://missdolldecade.awardspace.us/index.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/rules.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/scores.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/round1.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/round2.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/round3.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/awards.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/judges.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/enter.html" class="nav"><font color="#FFFFFF">Home</font></a> <a href="http://missdolldecade.awardspace.us/links.html" class="nav"><font color="#FFFFFF">Home</font></a></div> </div> <!-- Sidebar --> <div id="sidebar"> <h2>Tagboard</h2> <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="missdolldecade" src="http://www6.shoutmix.com/?missdolldecade" width="207" height="400" frameborder="0" scrolling="auto"> <a href="http://www6.shoutmix.com/?missdolldecade">View shoutbox</a> </iframe> <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /> <!-- End ShoutMix --> </div> <!-- Main content --> <div id="content"> <h1>Updates</h1> </div> <!-- Footer --> <div id="footer"> <a href="http://missdolldecade.awardspace.us">Miss Doll Decade</a> (C) Amber Riley 2010<br> <a href="http://missdolldecade.awardspace.us/contact.html">Contact MDD</a> </div> <!-- Container End --> </div> </div> </body> </html> |