|
HTML - Problem Using Html
i'm trying to build a web page using HTML but i'm trying to put pics on it but i dont know how to, can some1 tell me what to do? also can you have a look at my page and tell me if i need to do more to it please and how to do it. coz i feel it looks abit dull
many thanks :) http://uk.geocities.com/leighton24@btopenworld.com/ Similar TutorialsMy html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Help please, I am making a website, and i have a problem. I have a page that when opened in Safari and when you try to open it on firefox it doesnt work and comes up with: ��<�h�t�m�l�>� � �<�h�e�a�d�>� � �<�t�i�t�l�e�>�P�l�a�n�e� �C�o�l�o�u�r�i�n�g� �I�n�d�e�x�<�/�t�i�t�l�e�>� � �<�m�e�t�a� �h�t�t�p�-�e�q�u�i�v�=�"�C�o�n�t�e�n�t�-�T�y�p�e�"� ... It is based on another page I have made, which works fine but this one seems to not want to Hi, I have a website which runs primarily on html, but I call some dynamic content using <?php include 'list.php' ?> inside the body tag of index.html. <html> .... <body> .... <?php include 'list.php' ; ?> ... </body> </html> The domain is redirected to public_html/myproject (index.html and list.php is present here). Now only the html shows up. The php content is not included. (the list does not show up, works fine in local machine) How do I include php on html files? What changes should I make? 1. I tried adding a .htaccess in the myproject folder with the content AddType application/x-httpd-php5 .html .php AddHandler application/x-httpd-php5 .html But it throws a 500 error. 2. Should I make any changes to php.ini file? [ There is no php.ini file in the sub directory as of now. Is it required? ] 3. I also tried adding a apache handler in the bluehost control panel, but in vain. Desperately in need of a solution. Appreciate any quick response, Thanks http://boosterbath.com I know I have asked for help with problem before but I didn't get it sorted. The problem is the table stretches out for some reason.This only happens in Firefox 2.0. Screen shot: http://i111.photobucket.com/albums/n...Untitled-2.jpg I have attached some of the e portfolio to this thread, Thank you So, I'm working on my Myspace, and I decided to use a div overlay to make my own design in photoshop and export it so that I can have my own custom design. I had a friend help me with the div overlay part and I used this as the div overlay.. Code: <style type="text/css">
.cover{
position: absolute;
background-color: rgb(255,255,255);
top: 160px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 900px;
z-index: 2;
padding: 0px;
border-width: 0px;
border-color: rgb(0,0,0)
}
</style>
<div class="cover"></div>
<div style="position:relative; height: 400px; overflow: hidden; border: 0px"><table><tr><td><table><tr><td>
And with that, my entire profile was covered. So I designed my layout in photoshop, and saved it as a flattened image, and used "hotspots" on dreamweaver to link it. That was the only way I could think of to code it. The code works perfect, and the design looks great, but the problem is that it gets covered by the div overlay and gets placed in such a way that it moves the layout and some of the myspace features start showing in the background again. I can supply the source code of my myspace with the layout on it and div overlay. Any help in this matter is extremely appreciated. Thankyou very much guys. I can't get the height of the outer box to fit tight around the smaller ones. It does in Safari but not in most browsers. <html> <body> <table border=1 width=634><td valign=top align=left><form><select id=ctAdmin ><option>Administrative Postings</option><option>Flick Two-to come</option><option>Flick Three-to come</td><td valign=top align=right><form><select id=ctFMA><option>Members Postings</option><option>Flick Two-to come</option><option>Flick Three & Four-to come</option></select></form>"); </body> </html> Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hi all, Having a bit of a problem trying to verify a site with Google. Uploaded the meta tag code to the index.html page of our site via an FTP server, however when I view the site, it doesn't interpret the html as html, it just shows me the code. The coding that I put in the index.html file is the standard google meta tag verification code: <html> <head> <meta name="google-site-verification" content="iQ3ySqJZaIc0njNiOJyDq1OnskxGqraQvuGKaNAGlbY" /> <title> My title </title> </head> <body> page contents </body> </html> Any ideas why it isn't interpreting it as HTML? I can't verify by the other method because of some issues with forwarding. Any help would be much appreciated! Thanks, Joel Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Can some one please take a look at this and help me get the images to line up as they should!!! http://www.ardmoreweatherlive.com/wx3.php code: <!-- ##### Main Copy ##### --> <br> <font face="verdana,arial" size="3"><center>Click on radar image for full size</center></font> <br> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Reflectivity<br><a href="/wx16.html"><img src="/resize-radar-image.php"></img></a></TH> <TH>Echo Tops<br><a href="/wx17.html""><img src="/resize-et-image.php"></img></a></TH> </TR> </TABLE> </center> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Velocity<br><a href="/wx18.html"><img src="/resize-bv1-image.php"></img></a></TH> <TH>Relative Velocity<br><a href="/wx19.html"><img src="/resize-srv1-image.php"></img></a></TH> </TR> </TABLE> </center> <br> </div> <!-- ##### Footer ##### --> Thanks again for the help,Doug I think this is a CSS issue so I posted in the CSS section. Hey there, I am having a small problem everytime I try to make a page like this. The navbar will move up when I make the page bigger, and it will act weirdly and create extra pixels and such when I make it smaller. Please help! I validated everything, I would just like to know why it is doing this. Thanks a ton. I really appreciate it! Html: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="web.css"> <title>Sample</title> </head> <body> <div id="top"> <img src="samplebanner.png" width="750" height="150" alt="Banner"> </div> <div class="navbar"> <ul> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> </ul> </div> </body> </html> Css: .navbar ul { position: absolute; text-decoration: none; background-color: aqua; background-image: none; padding-left: 0px; top: 143px; } .navbar li { list-style-type: none; border-style: solid; border-color: black; border-width: 1px; border-bottom: 0px; } img { border-style: solid; border-color: black; border-width: 1px; position: absolute; } Thank you so much for your help! I am making my personal website and in the starting phase of development of HOME page I am getting a problem that when i enable the Yahoo! toolbar or Ask Toolbar the alignment of page changes picutres under <table> tag becomes little down. how to solve this problem? Im trying to create a table for ebay use, i created pic for top left, top right, bottom left and bottom right. 1 also created pic for top middle (the middle part should be changeable- it can get longer or shorter same with the middle bottom and left and right middle pics) but the problem is i dont know how to make the right and left middle to repeat itself, also i dont know the correct HTML code to set the right middle picture in its rightful place. Im new in creating HTML, my goal is to have a table border that has a fixed size on all corners except for inbetweens - i want them stretching. i would appreciate some tips. Thanks HTML Code: <TABLE style="BORDER-RIGHT: #fff 3px solid; BORDER-TOP: #fff 3px solid; BORDER-LEFT: #fff 3px solid; BORDER-BOTTOM: #fff 3px solid" cellSpacing=0 cellPadding=0 width="95%" align=center> <TBODY> <TR> <TD vAlign=top align=left><img src="http://img222.imageshack.us/img222/8549/topleftea0.gif"></TD> <TD vAlign=top width="100%" background="http://img242.imageshack.us/img242/6443/topmiddleeq0.gif"></TD> <TD vAlign=top align=right><img src="http://img222.imageshack.us/img222/5030/toprightqx9.gif"></TD> <tr><td style="background:transparent url(http://img242.imageshack.us/img242/3990/leftframeru4.gif) left top;" valign="bottom"><img src="http://img242.imageshack.us/img242/3990/leftframeru4.gif"></td></TR> <tr><td style="background:transparent url(http://img364.imageshack.us/img364/4470/rightsidetq1.gif) right top;" valign="bottom"><img src="http://img364.imageshack.us/img364/4470/rightsidetq1.gif"></TR></TD> <TR> <TD vAlign=bottom align=left><img src="http://img242.imageshack.us/img242/4265/lowerleftqo9.gif"></TD> <TD vAlign=bottom width="100%" background="http://img242.imageshack.us/img242/1425/lowermiddlepn7.gif"></TD> <TD vAlign=bottom align=right><img src="http://img242.imageshack.us/img242/4020/lowerrightwo9.gif"></TD> Hi I've got a weird problem. Basically, I've created an effect where an image (designed to look like the front of a record sleeve) flips when clicked, and then shows a different image (which looks like the reverse of the same sleeve). There are nine "albums" on the page, however, the effect only works on one image at any one time (by default "album1", but delete this album and the effect will work exclusively on "album2" and so on). Changing "div id" to "div class" throughout the HTML document, style sheet etc. doesn't help, it only rearranges the images. I've pasted the relevant code below. I can't understand the problem, and it's creating a serious roadblock. Any ideas? Thanks - Chris HTML: <!-- Album pictures (front sleeve on left, zig-zag sleeve reverse on right) --> <div id="album1"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album1.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Reverse.png" </div> <div id="album2"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album2.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Reverse.png" </div> <div id="album3"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album3.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Reverse.png" </div> <div id="album5"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album5.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album6"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album6.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album7"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album7.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album9"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album9.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album10"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album10.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album11"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album11.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> CSS: /* Image flip code (applies to album divs, decreases then increases width and opacity, hiding one image then the other, producing a "flipping" optical illusion) */ #flip1{ position:absolute; cursor:pointer; width:104px; height:104px; } #flip2{ display:none; position:absolute; cursor:pointer; } Hello folks. I have this problem. I use a PHP script to echo many tables on one page. (I am posting this in the HTML forum as it requires HTML, not PHP knowledge! ). I use a class called stdDiv to get a border for the table. When I try and use <br />es and <spacer type="horizontal" size="10px" /> I do not get the effect I want. I wish for 10px between each table as described in the diagram below: However I do not get this and my table overlaps and is somehow displayed as if it is in the second row. What I get: Here is my code just for clarity: PHP Code: echo "<table class=\"stdDiv\" style=\"width:100%;\" > <colgroup><col width=\"33%\" /><col width=\"33%\" /><col width=\"33%\" /></colgroup> <tr><td colspan=\"3\" align=\"center\" class=\"title\" border=0>".$record['title']."</td></tr> <tr><td colspan=\"3\" align=\"center\" class=\"description\">".$record['description']."</td></tr> <tr><td colspan=\"3\" align=\"center\" ><img src=".$record['image']." style=\"width:128px; height:64px;\" /></td></tr> <tr><td class=\"text\" align=\"center\" style=\"border: 2px solid #999999\">Version: v".$record['version']."</td> <td class=\"text\" align=\"center\" style=\"border: 2px solid #999999\">Rating: ".$record['rating']."</td> <td class=\"text\" align=\"right\" style=\"border: 2px solid #999999\">by <b>".$record['creator']."</td></tr> </table>"; This will give out a table and it is executed with every looping. I want to know how or what code to insert to create a gap of 10px between it and the next time I want to output a table Regards and thanks in advance, mintsmike Hello, im a new at html but i got the swing of it quickly. but my body paragraph i cant get right. its in the center when i want it up more here is my coding. whats in red is what im having problems with. also my website is universalentertainmentcentral.hostoi.com oh and please ignore the comments at the bottom they are embarrassing. HTML Code: <html>
<head>
<title> Entertainment Center </title>
<style type="text/css">
body
{
background-image: url("Background.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center
}
p.margin
{
margin-top:0cm;
margin-right:1.8cm;
margin-left:4.8cm;
}
p.chat
{
margin-right:4.8cm;
margin-left:0cm;
}
p.def
{
margin-top:0cm;
margin-right:4.8cm;
margin-left:4.8cm;
}
#HCB_comment_box input.text
{
color:white;
}
#HCB_comment_box div.comment {
color:white;}
#HCB_comment_box textarea, #HCB_comment_box input.text {
color:white;}
</style>
</head>
<body>
<center><img src="images\logo.jpg"></img></center>
<center><div style="white-space: nowrap;"><tr><img src="button1.jpg" onmouseover="this.src='button1c.jpg';" onmouseout="this.src='button1.jpg';"/><img src="button2.jpg" onmouseover="this.src='button2c.jpg';" onmouseout="this.src='button2.jpg';"/><img src="button3.jpg" onmouseover="this.src='button3c.jpg';" onmouseout="this.src='button3.jpg';"/><img src="button4.jpg" onmouseover="this.src='button4c.jpg';" onmouseout="this.src='button4.jpg';"/><img src="button5.jpg" onmouseover="this.src='button5c.jpg';" onmouseout="this.src='button5.jpg';"/></tr></center>
<p class="def"><table border=0 cellpadding=0 cellspacing=10>
<tr>
<td>
<!-- Counter Code START --><a href="http://www.e-zeeinternet.com/" target="_blank"><img src="http://www.e-zeeinternet.com/count.php?page=572456&style=LED_r&nbdigits=9&reloads=1" alt="Free Hit Counter" border="0" ></a><br><a href="http://www.e-zeeinternet.com/" title="Free Hit Counter" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;"></a><!-- Counter Code END --></div></td><td><img src="images\fb.png"></img></td>
</tr>
</table></p>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td><p class="margin"><font face="Times New Roman" size="+3" color="white">Site Under Construction</font></p>
<p class="margin"><font face="Times New Roman" color="white">[color="Red"]New to the site? well then I extend my welcome! We are currently under construction and looking forward to opening soon. What we do is make a fun and safe place for people to go on in there down time.
Also we host buisness software and write game reviews for anyone who is not in the know. We also host Java, Shockwave, and Flash games. If your not a game player we will host anime shows from various titles "If we can get the rights." Hope to see everyone soon[/color]. ; )</font></p></td>
<td><p class="chat"><object width="250" height="360" id="obj_1292110525893"><param name="movie" value="http://EntertainmentCent.chatango.com/group"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"/><embed id="emb_1292110525893" src="http://EntertainmentCent.chatango.com/group" width="250" height="360" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"></embed></object><br>[ <a href="http://EntertainmentCent.chatango.com/clonegroup?ts=1292110525893">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1292110525893">Start New</a> | <a href="http://EntertainmentCent.chatango.com">Full Size</a> ]</p></td>
</tr>
</table>
<p class="def"><table border=0 cellpadding=0 cellspacing=0 width="950">
<tr>
<td><!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((typeof hcb_user !== "undefined" && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com --></td>
</tr>
</table></p>
</body>
</html>
<html> <head> <title> Entertainment Center </title> <style type="text/css"> body { background-image: url("Background.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center } p.margin { margin-top:0cm; margin-right:1.8cm; margin-left:4.8cm; } p.chat { margin-right:4.8cm; margin-left:0cm; } p.def { margin-top:0cm; margin-right:4.8cm; margin-left:4.8cm; } #HCB_comment_box input.text { color:white; } #HCB_comment_box div.comment { color:white;} #HCB_comment_box textarea, #HCB_comment_box input.text { color:white;} </style> </head> <body> <center><img src="images\logo.jpg"></img></center> <center><div style="white-space: nowrap;"><tr><img src="button1.jpg" onmouseover="this.src='button1c.jpg';" onmouseout="this.src='button1.jpg';"/><img src="button2.jpg" onmouseover="this.src='button2c.jpg';" onmouseout="this.src='button2.jpg';"/><img src="button3.jpg" onmouseover="this.src='button3c.jpg';" onmouseout="this.src='button3.jpg';"/><img src="button4.jpg" onmouseover="this.src='button4c.jpg';" onmouseout="this.src='button4.jpg';"/><img src="button5.jpg" onmouseover="this.src='button5c.jpg';" onmouseout="this.src='button5.jpg';"/></tr></center> <p class="def"><table border=0 cellpadding=0 cellspacing=10> <tr> <td> <!-- Counter Code START --><a href="http://www.e-zeeinternet.com/" target="_blank"><img src="http://www.e-zeeinternet.com/count.php?page=572456&style=LED_r&nbdigits=9&reloads=1" alt="Free Hit Counter" border="0" ></a><br><a href="http://www.e-zeeinternet.com/" title="Free Hit Counter" target="_blank" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;"></a><!-- Counter Code END --></div></td><td><img src="images\fb.png"></img></td> </tr> </table></p> <table border=0 cellpadding=0 cellspacing=0> <tr> <td><p class="margin"><font face="Times New Roman" size="+3" color="white">Site Under Construction</font></p> <p class="margin"><font face="Times New Roman" color="white"> New to the site? well then I extend my welcome! We are currently under construction and looking forward to opening soon. What we do is make a fun and safe place for people to go on in there down time. Also we host buisness software and write game reviews for anyone who is not in the know. We also host Java, Shockwave, and Flash games. If your not a game player we will host anime shows from various titles "If we can get the rights." Hope to see everyone soon . ; )</font></p></td> <td><p class="chat"><object width="250" height="360" id="obj_1292110525893"><param name="movie" value="http://EntertainmentCent.chatango.com/group"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k =666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"/><embed id="emb_1292110525893" src="http://EntertainmentCent.chatango.com/group" width="250" height="360" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1292110525893&a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCC CC&k=666666&l=333333&m=000000&n=CCCCCC&p=12&s=1&t=0"></embed></object><br>[ <a href="http://EntertainmentCent.chatango.com/clonegroup?ts=1292110525893">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1292110525893">Start New</a> | <a href="http://EntertainmentCent.chatango.com">Full Size</a> ]</p></td> </tr> </table> <p class="def"><table border=0 cellpadding=0 cellspacing=0 width="950"> <tr> <td><!-- begin htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" /> <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((typeof hcb_user !== "undefined" && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end htmlcommentbox.com --></td> </tr> </table></p> </body> </html> |
|||||||