The Sea King 0 Posted November 6, 2007 Report Share Posted November 6, 2007 I need help...in my site... (url: http://theseaking.freehostingnow.com/LW/Index.html ) First I need to make my tables join together...no spaces....Second how do I lift the context place...The html code: <html><body bgcolor="059DC6" background="http://img80.imageshack.us/img80/7098/lwbackgroundpz4.jpg"><table width="988" border="0"><tr><td width="60" height="30" background="http://img125.imageshack.us/img125/1142/lwtopleftyg6.png"> </td><td width="80" height="30" background="http://img141.imageshack.us/img141/4766/lwtopsh0.png"> </td><td width="30" height="30" background="http://img141.imageshack.us/img141/4766/lwtopsh0.png"> </td><td width="790" height="30" background="http://img141.imageshack.us/img141/4766/lwtopsh0.png"> </td><td width="28" height="30" background="http://img125.imageshack.us/img125/2875/lwbuttonrightte3.png"> </td><tr><td width="60" background="http://img119.imageshack.us/img119/9986/lwleftls1.png"></td><td width="80"><img src=""></td><td width="30"><img src=""></td><td width="790"><img src=""></td><td width="28" background="http://img112.imageshack.us/img112/2989/lwrightgg0.png"></td><tr><td width="60" background="http://img119.imageshack.us/img119/9986/lwleftls1.png"></td><td width="80"><table border="0" bgcolor="0076A3"><tr><td><img src="http://img61.imageshack.us/img61/4798/menumainis5.png"><br><a href="/LW/index.html">Home</a><br><a href="/LW/staff.html">Staff</a><br><a href="/LW/Credits.html">Credits</a><br><a href="/LW/Affiliates">Affiliates</a><br><a href="wwww.ipbfree.com">Forum</a><br><a href="/index.html">Entrance</a><br><br><img src="http://img253.imageshack.us/img253/3198/menugoldensunre5.png"><br><br><a href="/LW/GS1/Introduction.html">Introduction</a><br><a href="/LW/GS1/Characters.html">Characters</a><br><a href="/LW/GS1/Maps.html">Maps</a><br><a href="/LW/GS1/Djinn.html">Djinn</a><br><a href="/LW/GS1/Weapons.html">Weapons</a><br><a href="/LW/GS1/Armor.html">Armor</a><br><a href="/LW/GS1/Items.html">Items</a><br><a href="/LW/GS1/Walkthrough.html">Walkthrough</a><br><br><img src="http://img253.imageshack.us/img253/3198/menugoldensunre5.png"><br><br><a href="/LW/GS2/Introduction.html">Introduction</a><br><a href="/LW/GS2/Characters.html">Characters</a><br><a href="/LW/GS2/Maps.html">Maps</a><br><a href="/LW/GS2/Djinn.html">Djinn</a><br><a href="/LW/GS2/Weapons.html">Weapons</a><br><a href="/LW/GS2/Armor.html">Armor</a><br><a href="/LW/GS2/Items.html">Items</a><br><br><img src="http://img253.imageshack.us/img253/3198/menugoldensunre5.png"><br><br><a href="/LW/Fanart.html">Fan Art</a><br><a href="/LW/StoryWriting.html">Story Writing</a><br><a href="/LW/Music.html">Music</a><br><a href="/LW/Downloads.html">Downloads</a><br><a href="/LW/HelpOnOtherStuff.html">Help on Other Stuff</a></td></table><td width="30"><img src=""></td><td width="790">Context goes here</td><td width="28" background="http://img112.imageshack.us/img112/2989/lwrightgg0.png"><tr><td width="60" height="30" background="http://img125.imageshack.us/img125/9456/lwbuttonleftqw0.png"></td><td width="80" height="30" background="http://img407.imageshack.us/img407/1205/lwbuttomoq0.png"></td><td width="30" height="30" background="http://img407.imageshack.us/img407/1205/lwbuttomoq0.png"></td><td width="790" height="30" background="http://img407.imageshack.us/img407/1205/lwbuttomoq0.png"></td><td width="28" height="30" background="http://img406.imageshack.us/img406/4079/lwbuttonrightmx3.png"></td></table> Quote Link to post Share on other sites
Err 10 Posted November 7, 2007 Report Share Posted November 7, 2007 I am assuming the spacing you're talking about are those gaps in your border the content goes in. You can try to use the following code to get rid of them. <style type="text/css">table, td { border-collapse: collapse;}</style> Quote Link to post Share on other sites
The Sea King 0 Posted November 7, 2007 Author Report Share Posted November 7, 2007 So I just paste that code just before this part? <table width="988" border="0"> Edit: Thanks. Now all I need to do now is position of context... Quote Link to post Share on other sites
Guest FirefoxRocks Posted November 7, 2007 Report Share Posted November 7, 2007 You should also add a DOCTYPE, head section and page title because your page isn't validating as HTML 4.01 Transitional/HTML 3.2 right now:So on the top of your page where it says <html>, change it to this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"><html><head><title> Your Page Title </title></head> And with the CSS code above, you do this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title> Your Page Title </title><style type="text/css">table, td { border-collapse: collapse;}</style></head> Remember to close off your document with </body> and </html>! Quote Link to post Share on other sites
The Sea King 0 Posted November 7, 2007 Author Report Share Posted November 7, 2007 Thank you! Quote Link to post Share on other sites
The Sea King 0 Posted November 7, 2007 Author Report Share Posted November 7, 2007 Sorry for the double post but...How do I lift the context place?Do I have to make more tables like this? [ table 1 ][t [ Ta Ab Bl Le E2] 3][ table 4 ] Quote Link to post Share on other sites
Ingolme 1,027 Posted November 7, 2007 Report Share Posted November 7, 2007 Tables are a really bad way to display websites. And embedding tables within tables is not a good idea.To make the content be well placed I think this should work:<td width="790" valign="top">Context goes here</td> Quote Link to post Share on other sites
The Sea King 0 Posted November 7, 2007 Author Report Share Posted November 7, 2007 I am planning to do this anew...any ideas for the way (Like in Tables, CSS, etc.) that I ... want the page to Quote Link to post Share on other sites
The Sea King 0 Posted November 8, 2007 Author Report Share Posted November 8, 2007 Hello? Anyone here? Quote Link to post Share on other sites
real_illusions 0 Posted November 8, 2007 Report Share Posted November 8, 2007 Hello? Anyone here?nope..we've all gone home..we've left you in the charge of the world :)anyway..back on subject. Divs and CSS are the way to go for making and designing websites.http://www.w3schools.com/css/default.asp and http://www.w3schools.com/tags/tag_div.asp Quote Link to post Share on other sites
Cloud Weaver 0 Posted November 8, 2007 Report Share Posted November 8, 2007 I can't really help you but I have a question of my own and this seems the place to ask. I see all the settings to configure the lines on the outside of the table. How do I get them only on the inside? Also, slightly table-related. I have two tables, one on each side. I want the text on the left one to scroll but on the right to remain on the screen. The right is the URLs linking to sections on the left one. And, no, this isn't the same page I had the frame question. This is completely different. I would put code but I don't want to take the time to pick the personal details out of it. (It's a resume draft I'm writing in HTML) Quote Link to post Share on other sites
The Sea King 0 Posted November 8, 2007 Author Report Share Posted November 8, 2007 Scroll....???<Marquee> </MARQUEE> Quote Link to post Share on other sites
Cloud Weaver 0 Posted November 8, 2007 Report Share Posted November 8, 2007 Ok, let me rephrase that. Scroll manually while the contents of the other column remains fixed. Quote Link to post Share on other sites
real_illusions 0 Posted November 8, 2007 Report Share Posted November 8, 2007 div's with the overflow (i think?) attribute:) Quote Link to post Share on other sites
The Sea King 0 Posted November 8, 2007 Author Report Share Posted November 8, 2007 ...Well, ... Try this code in the tryout editor... <table border="0"><tr><td><Marquee><marquee direction="left" scrollAmount="1" width="100%" height="100%" onmouseover="this.stop()" onmouseout="this.start()"><h1>TextextTextTextTextTextTextTextText</h1></MARQUEE></td><td>Text</td></tr></table> ---------------------I need help on formating the page to look like this in general: Quote Link to post Share on other sites
Cloud Weaver 0 Posted November 9, 2007 Report Share Posted November 9, 2007 Ok, marquee isn't going to help but my first question still stands. How can I put the borders only on the inside of a table? Quote Link to post Share on other sites
Err 10 Posted November 9, 2007 Report Share Posted November 9, 2007 Ok, marquee isn't going to help but my first question still stands. How can I put the borders only on the inside of a table? Cloud, next time, make a separate topic. High-jacking topics is usually frowned upon.Try this code:td { border: 1px solid black;} That CSS code should only target the <td> tags on the page, it shouldn't put a border around the <table>. Quote Link to post Share on other sites
jlhaslip 1 Posted November 11, 2007 Report Share Posted November 11, 2007 Sample 2 column left layout Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.