The Sea King Posted November 6, 2007 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> Link to comment Share on other sites More sharing options...
Err Posted November 7, 2007 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> Link to comment Share on other sites More sharing options...
The Sea King Posted November 7, 2007 Author 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... Link to comment Share on other sites More sharing options...
Guest FirefoxRocks Posted November 7, 2007 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>! Link to comment Share on other sites More sharing options...
The Sea King Posted November 7, 2007 Author Share Posted November 7, 2007 Thank you! Link to comment Share on other sites More sharing options...
The Sea King Posted November 7, 2007 Author 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 ] Link to comment Share on other sites More sharing options...
Ingolme Posted November 7, 2007 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> Link to comment Share on other sites More sharing options...
The Sea King Posted November 7, 2007 Author 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 Link to comment Share on other sites More sharing options...
The Sea King Posted November 8, 2007 Author Share Posted November 8, 2007 Hello? Anyone here? Link to comment Share on other sites More sharing options...
real_illusions Posted November 8, 2007 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 Link to comment Share on other sites More sharing options...
Cloud Weaver Posted November 8, 2007 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) Link to comment Share on other sites More sharing options...
The Sea King Posted November 8, 2007 Author Share Posted November 8, 2007 Scroll....???<Marquee> </MARQUEE> Link to comment Share on other sites More sharing options...
Cloud Weaver Posted November 8, 2007 Share Posted November 8, 2007 Ok, let me rephrase that. Scroll manually while the contents of the other column remains fixed. Link to comment Share on other sites More sharing options...
real_illusions Posted November 8, 2007 Share Posted November 8, 2007 div's with the overflow (i think?) attribute:) Link to comment Share on other sites More sharing options...
The Sea King Posted November 8, 2007 Author 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: Link to comment Share on other sites More sharing options...
Cloud Weaver Posted November 9, 2007 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? Link to comment Share on other sites More sharing options...
Err Posted November 9, 2007 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>. Link to comment Share on other sites More sharing options...
jlhaslip Posted November 11, 2007 Share Posted November 11, 2007 Sample 2 column left layout Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.