Re: amaya shows html preview is right but browser show code wrong

Change:
style="background-color:blue text-align:right"
to:
style="background-color:blue; text-align:right;"

Your code is valid HTML, but not valid CSS. If you let Amaya generate 
the style attribute through the Style panel or the CSS toolbar button, 
it would have been correct. Did you enter the style text manually?

Keith Rubow

Greg White wrote:
> Hi,
>  
> I am using Amaya 11.1 to code a webpage.  This webpage shows correctly 
> inside amaya.  However if I view the page in IE or FF the page 
> displays wrong.  For example the first row in my table should have a 
> blue background and have the text on the right side.  Amaya's preview 
> shows this, but in the browsers the background color is gone and the 
> text is left justified.  I ran the code through the w3 validator and 
> it shows no errors.  What is wrong?
>  
> Thanks,
>  
>  
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
>   <meta http-equiv="Content-type" content="text/html; ">
>   <title>New1</title>
>   <meta name="generator" content="Amaya, see http://www.w3.org/Amaya/">
> </head>
>  
> <body>
> <p></p>
> <table border="1" style="width: 100%">
>   <caption></caption>
>   <tbody>
>     <tr>
>       <td colspan="7" style="background-color:blue text-align:right">
>         <a href="Home.html"
>         style="color:white" onmouseover="this.style.color='yellow';"
>         onmouseout="this.style.color='white';">Home</a>
>  &nbsp;<span style="color:yellow">&bull;</span>&nbsp;
>         <a href="News.asp" style="color:white"
>         onmouseover="this.style.color='yellow';"
>         onmouseout="this.style.color='white';">News</a>
>  <span style="color:yellow">&bull;</span>&nbsp;
>         <a href="ContactUs.asp" style="color:white"
>         onmouseover="this.style.color='yellow';"
>         onmouseout="this.style.color='white';">Contact Us</a> </td>
>     </tr>
>     <tr>
>       <td colspan="7"><img src="images/Logo.jpg" alt="picture of logo"
>         width="941" height="84" usemap="#Map"> </td>
>     </tr>
>     <tr>
>       <td><img src="images/pic1.jpg" alt="picture of tower"></td>
>       <td></td>
>       <td></td>
>       <td></td>
>       <td></td>
>       <td></td>
>       <td></td>
>     </tr>
>   </tbody>
> </table>
> </body>
> </html>
>
> ------------------------------------------------------------------------
> Insert movie times and more without leaving HotmailŪ. See how. 
> <http://windowslive.com/Tutorial/Hotmail/QuickAdd?ocid=TXT_TAGLM_WL_HM_Tutorial_QuickAdd1_052009>

Received on Friday, 22 May 2009 00:04:34 UTC