HTML - Html Won't Work.(resolved)

When the hotspots on my image map are moused over a box of text appears.

I need a word (close, in this case) to give the impression of a link, i.e I need the finger pointer to appear. I have written an onClick script that will close the box of text when this "phantom link" is clicked.

Any help?


I was able to resolve this on my own! Thanks for reading.

Hello I have an issue with a rollover on my page. I'm building a website for AS level media coursework and need help with a code. The rollover is part of a table and is aimed to play music when the mouse hovers over it, while at the same time switching the image to another...

The code for the rollover itself is:
Code:

<a href="#" onMouseOut="MM_swapImgRestore()""stopSound(0);" onMouseOver="MM_swapImage('Image9','','piece1.jpg',1)""playSound(0);"><img src="piece1hit.jpg" name="Image9" width="156" height="156" border="0"></a>

The bad javascript for the image swap is:
Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

And finally the even worse coding for the sound is:
Code:

<SCRIPT LANGUAGE="JavaScript"><!--


var aySound = new Array();

aySound[0] = "Kylie.mp3";
aySound[1] = "fseven.mp3";


IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//--></SCRIPT>

I hope someone can resolve my issue for me, for I'm absolutely stumpted by this. I have very limited expertise in coding (as you can see) and would greatly appreciate any help I can recieve.
Thank you for your time.

can you detect if a page is a child? (in an iframe)

if (page is a child)
{
parent.remoteClick('myButton');
}
else
{

}

thanks.

or the opposite i suppose...

if (page is a parent)
{

}
else
{
parent.remoteClick('myButton');
}

Hi Everyone,

hoping someone can help me here, i'm totally new to html. i work in digital advertising and project manage web development, but i don't know how to troubleshoot html problems, particularly across browsers.

The website in question is
www.forbetterorpurse.com
I built it using the sitebuilder provided by the hosting company.

I have two problems (that i know of anyway haha!)
1. The table to the left has somehow increased in width. I don't think I altered anything but no doubt it's something small
2. if you compare the site from IE to Firefox, the background of part of the content area is yellow compared with grey. It's supposed to be grey.

if anyone has any ideas or can point me in the right direction, it'd be greatly appreciated!

Thanks

Hi,

I'm trying to debug some code and, in spite of running it cleanly through the W3C validator, still have some big issues. The site runs fine in Chrome but displays incorrectly in IE and FireFox. You can see the site at www.iwailingwall.com

Firefox is giving the following error:

Error: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIXMLHttpRequest.statusText]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: file:///C:/Program%20Files/Mozilla%20Firefox/components/nsBlocklistService.js :: anonymous :: line 548" data: no]
Source File: file:///C:/Program%20Files/Mozilla%20Firefox/components/nsBlocklistService.js
Line: 548

IE is not showing any errors.

I would really appreciate any help on the display issue as well as a pointer to browser-specific code validators if they exist.

Thanks in advance for any help you can provide. Please let me know if I can provide any additional information to assist in a diagnosis. The problematic code is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Wailing Wall</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
<script type="text/javascript" src="swfobject.js" />

<style type="text/css">
textarea#styled {
width: 600px;
height: 120px;
border: 3px solid #cccccc;
padding: 5px;
font-family: Tahoma, sans-serif;
background-color: rgb(255,255,204);
background-position: bottom right;
background-repeat: no-repeat;
}
body { padding: 20px;
background-color: rgb(238, 238, 238);
font-family: Calibri;
font-size: larger;
color: rgb(255, 255, 204);
font-weight: bolder;
text-align: center;
}
</style>
</head>
<body style="background-image: url(HortonRockWall2.jpg);text-align:center;">
<table align="center">

<tr>
<td>&nbsp;</td>
<td align="left" >
<font size="8" />The Wailing Wall <br />
<font size="4" />Tuck your worries here, snug among all our worries. <br />We'll keep them safe so you can let them go.
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><table><tr><td>
<div id="flashcontent">This will be shown to users with no Flash or Javascript.</div>
<script type="text/javascript">
var myWidth = 0, myHeight = 0;

var maxHeight = 0;
myWidth = 600;
myHeight = 600;
if (myWidth > myHeight) maxHeight = .75* myHeight; else maxHeight = .75* myWidth;
var so = new SWFObject("tagcloud.swf", "tagcloud", maxHeight, maxHeight, "7", "#000000");
// uncomment next line to enable transparency
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xFFFFCC");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "60");

so.addVariable("tagcloud", "%3Ctags%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D98%27+style%3D%2710%27%3EAdd+to+the+wall+here....%3C%2 Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D97%27+style%3D%2710%27%3EAdd+to+the+wall+here....%3C%2Fa%3E% 3Ca+href%3D%27%2Findex.php%3Fid%3D96%27+style%3D%2710%27%3EI+hate+meetings+about+meetings...%3C%2Fa% 3E%3Ca+href%3D%27%2Findex.php%3Fid%3D94%27+style%3D%2710%27%3EI+am+worried+that+the+recessio...%3C%2 Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D84%27+style%3D%2710%27%3EI+think+that+this+is+a+really+...%3 C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D75%27+style%3D%2710%27%3EI+often+worry+that+I+am+a+****.. .%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D74%27+style%3D%2710%27%3EI+worry+that+I%27ve+spent+4+y ea...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D73%27+style%3D%2710%27%3EI+worry+that+my+son+is+in heren...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D72%27+style%3D%2710%27%3EOne+worry+I+have+is+th at+someo...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D71%27+style%3D%2710%27%3EI+am+worried+about+ the+possibi...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D70%27+style%3D%2710%27%3EWhen+this+electi on+is+over%2C+I+...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D69%27+style%3D%2710%27%3EI+am+worrie d+about+what+I+am+g...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D68%27+style%3D%2710%27%3EIt%27s+f all+again+and+the+weath...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D67%27+style%3D%2710%27%3EI%27 m+worried+about+what%27s+goi...%3C%2Fa%3E%3Ca+href%3D%27%2Findex.php%3Fid%3D66%27+style%3D%2710%27%3 EHopefully+this+isn%27t+meta-ana...%3C%2Fa%3E%26nbsp%3B%26nbsp%3B+%3Ca+href%3D%27%2Findex.php%3Fpage%3D2%27+style%3D%2710%27%3ENe xt%3C%2Fa%3E++%3Ca+href%3D%27%2Findex.php%3Fpage%3D2%27+style%3D%2710%27%3ELast+Page%3C%2Fa%3E+%3Ca+ href%3D%27%2Findex.php%27+style+%3D%2710%27%3EReturn+to+main+page.%3C%2Fa%3E%3C%2Ftags%3E");so.write ("flashcontent");
</script>
</td></tr>
<tr><td align="center"> <font size='2' />Based on WP-Cumulus by <a href="http://www.roytanck.com/">Roy Tanck</a></td></tr>
</table></td>
<td valign='top'>

<table style="width: 407px; margin-left: 30px; border-width:3;">

<tr>
<td style="width: 383px;">
<form action='/index.php' method='post' name='contact_form' /> <textarea name="body" rows="5" cols="40">Add to the wall here.</textarea>
</td>
</tr>
<tr>
<td style="width: 383px;"><font size="3" />By:
<input name="name" value="Anonymous" type="text" /><input value="Submit" name="Submit" type="submit" /><input value="Reset" name="Reset" type="reset" />

</td>
</tr>
<tr>
<td style="width: 383px;">
<input name='reference' type='hidden' value='0' />What do you need to let go of? </td>
</tr>


</table>

</td>
</tr>

</table>
</body>
</html>

Parse error: syntax error, unexpected T_STRING in /home6/comparea/public_html/search.php on line 340

Partnered up with a buddy to build the website compareacollege.com, he bailed out, unfortunately i know very little about web design, site was fine though, until host made me change password, then the search wouldnt work, the above is the error i was getting, i went into into every page and updated password, actually fixed it about half way through except a little coding was showing up on search page, after i updated every password that error is all that showed up on search, now several months later the page doesnt even show up at all, like its a bad link, not sure what do, hopefully you guys can help me out, hopefully an easy fix

So I'm doing a website with horizontal menu that is centered. The page is 100% width, and the menu can be with or without fixed width.
The menu is fine otherwise, but the sub items are not next to each other. This is because they only align the width of their parent. However, I'd like them to be centered under their parent regardless of how many sub items there are (so ultimately they could be as wide as the whole menu, provided there were enough sub items). So in the code I now have, the 3 sub items align so that 2 are inline, and the 3rd is under them. These should be inline, stretching over the width of their parent's width.
Thanks for the help!

Code:

<body>
<div id="banner">
  <div id="centeredmenu">
    <ul>
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item with Sub</a>
        <ul>
          <li><a href="#">Sub Item 1</a></li>
          <li><a href="#">Sub 2</a></li>
          <li><a href="#">Long Sub Item 3</a></li>
        </ul>
       </li>
      <li><a href="#">Menu Item 3</a></li>
     </ul>
  </div>
</div>
</body>
</html>

Code:

#banner {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0;
}

#centeredmenu {
	height: 55px;
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	top: 0px;
}
#centeredmenu ul {
	float:left;
	clear: both;
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
	left:50%;
	text-align:center;
}
#centeredmenu li {
   width: 180px;
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu a {
   display:block;
   margin:0 0 0 0px;
   padding:0px 10px;
   background:#C03;
   color:#fff;
   text-decoration:none;
}

#centeredmenu ul ul {
	position: absolute;
	width: 100%;
	display: none;
	z-index: 400;
}

#centeredmenu ul ul li {
	position: relative;
	width: 50%;
	z-index: 500;
}

#centeredmenu ul li a:hover {
   background: #C03;
   color: #3FF;
}

#centeredmenu ul li:hover ul{
	display: block;
}

I need my css menu to stay on top of everything, but there is a .swf with a javascript code that I am using for a slideshow that won't stay under the menu.

Any solutions? - THANK YOU!

Here's the test page: http://dbk.me/test/intro.html


RESOLVED! - Used variable: so.addParam("wmode", "transparent");


Thanks for your help!

Heej ppl.

Ik maked a inlogpage with html with a kinda keylogger in it for testing,
after i completed the Html document and opend from my documents the Keylogger works great! but if i am uploading the html code's on Freewebs.com i get this
www.freewebs.com/iffsow

he say's The Form is unoprational!. I dont understand it, its the same code. but he doesnt work?

Maybe you could help me.

cheers

Can anyone help me find what I did worong writing this? I cannot not get any output numbers? Its supposed to be a calculator for + - * /

HTML Code:

<html>
   <head>
 
        <title>
          COMSC100 Assignment 7 by Jesse Crawford 0887234
        </title>

        <script>
          // copy/paste the following three lines after the script tag in EVERY program
          function getInputAsText(_id){return document.getElementById(_id).value}
          function getInputAsNumber(_id){return parseFloat(document.getElementById(_id).value)}
          function setOutput(_id, _value){document.getElementById(_id).value = _value}


          function calculate(code)
               {
                // declare a variable
                var first
                var second
                var resultAsText
                var resultAsNumber
                
               
                // get variable's value
                first = getInputAsNumber("firstBox")
                second = getInputAsNumber("secondBox")
                
               
                // output the value of total
                if  (code == 0)
                {
                 resultAsNumber = first + second 
                 resultAsText = first + " + " + second + " = " + resultAsNumber
                }
                
                if (code == 1)
                {
                 resultAsNumber = first - second 
                 resultAsText = first + " - " + second + " = " + resultAsNumber
                }

                if (code == 2)
                {
                 resultAsNumber = first * second 
                 resultAsText = first + " * " + second + " = " + resultAsNumber
                }
                

                if (code == 3)
                {
                 resultAsNumber = first / second 
                 resultAsText = first + " / " + second + " = " + resultAsNumber
                }
                
                
                // output value
                 setOutput("resultAsText", result)
                }
        </script>

    </head>

    </body> 
          Instructions:<br>
          Type 2 numbers and hit enter.<br>
          The total will appear in box below <br>
          
          <br>
          Input Values:<br>
          First number: <input id="firstBox"><br>
          Second number:<input id="secondBox"><br>
          <br>
          <input type="submit" value="add" onclick="calculate(0)"> 
          <input type="submit" value="subtract" onclick="calculate(1)"> 
          <input type="submit" value="multiply" onclick="calculate(2)">
          <input type="submit" value="divide" onclick="calculate(3)"><br>
          

          <br>
          Output value: <br>
          result: <input id="resultAsText" size="50"><br>
  
    </body>

</html>

I have put this together but I don't know why it doesn't work. the link is:

http://www.throughtheconcreterecords...tojournal.html

if anyone could take a look at the page source, see what is there and what ISN'T showing up on the actual site and tell me why that would be so nice and awesome!


anyone?


-kevin

throughtheconcrete@hotmail.com

Hi all, I'm having a little trouble here, I'm a newbie at coding but I'm learning. how would I achieve something like this?


http://www.createblog.com/layouts/code.php?id=28757

and or like this?

http://www.createblog.com/layouts/code.php?id=28038
should I be using divs...as you can see in my code I went div crazy...I kinda perfer divs anyway! how can I do this?



HTML Code:

<style type="text/css">

a:link {color: #66cdaa;
font-family: verdana;
font-size: 6pt;
text-transform: uppercase;
text-decoration: none;}

a:visited {color: #cc6600;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: uppercase;
text-decoration: none;}



a:hover {color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: lowercase;
cursor:hand;}



/*all links above*/


body {background-color: black;}
color: #ffffff;
font-weight:bold;
font-family: arial;
font-size: 12px;
margin: 0px auto;
padding: 0px;
text-align: justify;
scrollbar-face-color:#1ee849;
scrollbar-shadow-color:#1ee849;
scrollbar-3dlight-color:#1ee849;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#1ee849;
scrollbar-darkshadow-color:#1e
scrollbar-highlight-color:#1ee849;}


h1{color:#66cdaa;
font-size: 20px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;
line-height: 15px;}



h2{color:#66cdaa;
font-size: 15px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;}


p {
font-weight: bold;
color:#66cdaa ;
font-family:times ;
font-size: 12px;
}



/*all divs here*/

div {
font-weight: normal;
color:#66cdaa ;
font-family: times;
font-size: 12px;



}




div#header {
    clear: both;
    height: 50%;
    width: 100%;
    background-color: ;
    padding: 1px;
}

div#master {
    float: center;
    width: 100%;
    background-color:white;
}

div#left {
    float: left;
    width: 150px;
    background-color: black;
}

div#right {
    float: right;
    width: 150px;
    background-color:black;
}
div#middle {
    padding: 0px 160px 5px 160px;
    margin: 0px;
    background-color:black;
}
div#footer {
    clear: both;
    background-color:grey;
}

</style>


<title>I like my nails</title>


</head>
<!--who ha -->
<body>





<div id="Head"><img src="pic location" width="100%" height="50%" alt="pic name " />
</div>

<br />
<br />


<div id="master">




<div id="left">



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, 

metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. 

Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, 

pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec 

eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor 

faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi, 

malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum, 

</div>


<div id= "right">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, 

metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. 

Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, 

pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec 

eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor 

faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi, 

malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum, 

</div>

<div id="middle">

<h1>Your Header Here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id, 

metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit. 

Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non, 

pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec 

eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar.

Nam id quam vitae lectus tempor faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed 

metus. Quisque libero mi, malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis 

eget, adipiscing dictum, vestibulum id, nulla. Etiam consectetuer. Duis varius sem eu nisi. Praesent congue aliquam elit. Sed 

nec sapien. Curabitur lacinia, augue et hendrerit pharetra, sem magna lobortis quam, ac volutpat magna nisl vel libero. Duis 

magna. Vestibulum suscipit dui id magna. Suspendisse potenti. Etiam ut purus. Praesent tincidunt, elit bibendum eleifend 

tincidunt, arcu lacus vestibulum magna, et pellentesque est justo fringilla dui. Cum sociis natoque penatibus et magnis dis 

parturient montes, nascetur ridiculus mus. Curabitur elit. Mauris dignissim gravida massa.

Vivamus eu odio. Proin euismod aliquet erat. In sed justo. Nulla a dolor ac tortor placerat elementum. Donec nisi. Donec 

lobortis. Cras ut augue. Donec enim. Aenean ut ligula ac arcu suscipit consectetuer. Duis nibh dui, mollis et, elementum ac, 

luctus eu, diam. Quisque risus nunc, pharetra in, commodo vel, vestibulum in, tellus. Praesent blandit sagittis nisi. In hac 

habitasse platea dictumst.

Morbi interdum. Nullam tincidunt enim eu mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere 

cubilia Curae; Ut pretium, justo at pharetra suscipit, lorem nulla sodales dui, at ultrices quam tellus sit amet metus. 

Pellentesque consequat vestibulum sem. Cras consectetuer ipsum non augue. Praesent tellus nulla, sodales at, pretium ut, 

consectetuer vel, massa. Aenean risus orci, suscipit eget, ornare eget, lacinia sit amet, sem. Ut vulputate, metus quis 

posuere gravida, massa nisi commodo tellus, viverra cursus massa leo at purus. Morbi feugiat fermentum lectus. Aliquam 

blandit placerat velit. Aliquam vestibulum porta elit.

In erat. Etiam non augue. Aenean luctus. Fusce arcu mauris, vehicula quis, ultrices sed, porta nec, dolor. Donec eros tellus, 

posuere nec, vehicula ut, venenatis at, diam. Curabitur hendrerit. Nulla enim enim, sodales nec, imperdiet ac, gravida vel, 

dolor. Etiam hendrerit, leo a mollis semper, elit metus tincidunt pede, sit amet porta turpis quam at diam. Proin sagittis 

nulla luctus elit. Curabitur non sapien. Proin eget orci. Curabitur tortor mauris, faucibus a, euismod fermentum, congue 

eget, nisi. Sed et purus. Curabitur eget quam et massa dignissim tristique. Cras elit.

</div>
</div>





<div id="footer"><strong>Copy right 2008 Syd</strong> | Design by <strong>Syd</strong></div>
<!--end of the stuff-->
</body>
</html>

Ok, this is the strangest quirk I think I have seen in IE. It seems that when I combine a right-aligned TD with a UL in the following row in a TD with a colspan of "2", where the content of the right-aligned TD is a word with no spaces, IE goes into spasms. In Opera, Google Chrome, Firefox, and Safari, all is well. Yet in IE, right-padding seems to get automatically added to the right-aligned TD. If I either remove the UL, get rid of the first column in the first row, or break up the long word, it displays fine. Yet, if all those things remain in place, IE just doesn't seem to be able to get its act together.

Anyone? Here is my code:

HTML Code:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:xhtml="http://www.w3.org/1999/xhtml">
<head>
    <title>Stupid IE</title>
    <style type="text/css">
		td{
			font-family:Garamond;
		}
		table.Experience{
			width:635px;
			margin-bottom:14px;
			margin-left:auto;
			margin-right:auto;
			margin-top:40px;
		}
		tr.expHeader{
			font-weight:bold;
			font-size:10pt;
		}
		td.expDate{
			width:130px;
		}
		td.expCo{
			width:205px;
		}
		td.expLoc{
			text-align:right;
			width:505px;
		}
		td.expList{
			font-size:11pt;
			text-align:justify;
		}
		td.expList ul{
			margin-top:3px;
			list-style-type:square;
			margin-bottom:6px;
			
		}
		td.expList ul li{
			margin-bottom:2px;
		}
    </style>
</head>
<body>
	<table class="Experience" cellpadding="0" cellspacing="0">
		<tbody>
			<tr class="expHeader">
				<td class="expDate">Here is a td</td>
				
				<td class="expLoc">Averyveryreallylonglongwordthatislonger</td>
			</tr>
			<tr>
				<td class="expList" colspan="2">
					<ul>
						<li>
							This is a bullet item. Such as those that you may see in various lists around the world.
							The most famous bullet item, the semi-bollesque bullet field of 1997, gained notoriety
							for the fact that it was the first publicly known bullet item with the ability to break
							the sound barrier.
						</li>
					</ul>
				</td>
			</tr>
		</tbody>
	</table>

	<table class="Experience" cellpadding="0" cellspacing="0">
		<tbody>
			<tr class="expHeader">
				<td class="expDate">Here is a td</td>
				<td class="expLoc">This time I broke it up a little bit. See what happens?</td>
			</tr>
			<tr>
				<td class="expList" colspan="2">
					<ul>
						<li>
							This is a bullet item. Such as those that you may see in various lists around the world.
							The most famous bullet item, the semi-bollesque bullet field of 1997, gained notoriety
							for the fact that it was the first publicly known bullet item with the ability to break
							the sound barrier.
						</li>
					</ul>
				</td>
			</tr>
		</tbody>
	</table>
	</body>
</html>

Hello, just starting here

I complete the HTML an CSS tutorials at http://www.w3schools.com/
I also downloaded a trial for coffeecup

I am helping a local business with their website, it is very simple, just content and a couple of pictures.

For some reason, as much as I google it up I cannot figure out how to add a left column to the site. the examples I find, even free templates from Amaya use tables.

I dont want to use tables, I guess I need to use div?
But if that is so, how do I position my column? It seems w3schools gave me a good start but I am having problems putting the concepts together.

If you can direct me to the right answer, or recommend a book or tutorial that actually builds a simple site with a couple of columns in good design, I would really appreciate it. But I dont want to use tables as I learned it is not best practice

Thank you!

HI

need help to editing the template form that can't work.

below is the forms code, some one know what to sit or add any for make the form work.

<td valign="top" width="270" style="height:100% ">
<!--webbot BOT="GeneratedScript" PREVIEW=" " startspan --><script Language="JavaScript" Type="text/javascript"><!--
function FrontPage_Form1_Validator(theForm)
{

if (theForm.Name.value == "")
{
alert("Please enter a value for the \"Your full name\" field.");
theForm.Name.focus();
return (false);
}

if (theForm.Email_address.value == "")
{
alert("Please enter a value for the \"E-mail address\" field.");
theForm.Email_address.focus();
return (false);
}

if (theForm.Message.value == "")
{
alert("Please enter a value for the \"Your message\" field.");
theForm.Message.focus();
return (false);
}
return (true);
}
//--></script><!--webbot BOT="GeneratedScript" endspan --><form method="POST" name="FrontPage_Form1" action="mailto:support@itacstudio.com" onSubmit="return FrontPage_Form1_Validator(this)" webbot-action="--WEBBOT-SELF--" language="JavaScript">
<!--webbot
bot="SaveResults"
startspan
S-Email-Format="TEXT/PRE"
S-Email-Address="support@itacstudio.com.com"
B-Email-Label-Fields="TRUE"
B-Email-ReplyTo-From-Field="TRUE"
S-Email-ReplyTo="Email_address"
S-Builtin-Fields="REMOTE_NAME HTTP_USER_AGENT"
S-Form-Fields="Name Email_address Telephone Message "
U-Confirmation-Url="index-4.html" --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot
bot="SaveResults"
endspan i-checksum="43374" -->
<table cellpadding="0" cellspacing="0" border="0" style="height:100% ">
<tr>
<td valign="top" width="270" height="125">
<div style=" margin-left:0px; margin-top:0px "><a href="index-4.html"><img src="images/p4.jpg" alt="" border="0" width="270" height="122"></a></div>
</td>
</tr>
<tr>
<td valign="top" width="270" style="background-image: url('images/5_bg.gif'); background-repeat: no-repeat; background-attachment: scroll; background-color: #E7E7E7; height: 100%; background-position: Right 100%">

<div style=" margin-left:28px; margin-top:21px "><img src="images/5_w3.gif" alt="" border="0" width="123" height="17"></div>
<div style=" margin-left:30px; margin-top:11px; margin-right:20px; line-height:14px " class="b2">Your full name:</div>
<div style="margin-left:30px; margin-top:0px;"><!--webbot
bot="Validation"
S-Display-Name="Your full name"
B-Value-Required="TRUE"
--><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Name"></div>
<div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">E-mail address:</div>
<div style="margin-left:30px; margin-top:0px;"><!--webbot
bot="Validation"
S-Display-Name="E-mail address"
B-Value-Required="TRUE"
--><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Email_address"></div>
<div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">Your telephone:</div>
<div style="margin-left:30px; margin-top:0px;"><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Telephone"></div>
<div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">Your message:</div>
<div style="margin-left:30px; margin-top:1px;"><!--webbot
bot="Validation"
S-Display-Name="Your message"
B-Value-Required="TRUE"
--><textarea cols="35" rows="35" class="b" style=" width:217px; height:144px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7; overflow:hidden " name="Message"></textarea></div>
<div class="b" style="width: 84; height: 19; margin-left: 180px; margin-top: 3px"><input border="0" src="images/button_submit.jpg" name="I1" width="55" height="13" type="image"></div>

</td>
</tr>
</table>
</form>