hi guys, i have just learned HTML and at first i thought it is easy but it frustates sometimes when i can't find the solution, here is the code of a page i am designing, as far as first row is concerns it seems ok but as soon as i add second row the output becomes wierd.here is the snapshot, here comes the css code, and here are the images which im using as a background, plz guys help me here i can't find what's going wrong with this!!!to see the original site of which im copying the basic design is http://cybusx.in/
I think you are going about this the wrong way... You appear to be using some kind of wysiwyg html editor to create the table. This is auto-generating CSS styles and is bound to create unpredicatable results. Unless you know what you are doing you shouldnt style tables using CSS, you are better off just doing it the old fashioned way with images. With that said, why is "float:left" applied to all the table cells? Not sure what that is supposed to accomplish... i would try taking that out.
Forget all that table sillyness (and the images too), you need something more like Your HTML... <div id="box"> ...place your content here... </div> Code (markup): Your CSS. #box { width: 80% margin: 0 auto; border: 10px solid #6a6a6a; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #242424; } Code (markup):