Support NeoGAF

B'z-chan · Jan 29, 2005

Hi guys and gals. I'm trying to get a website up and running. My frist time not using a quick site tool. And i really am having a problem with tables. Thing is my tables come out funky. Instead of being right by each other they are on top of each other. I'm trying to line both tables under a picture.

Like this:

The white area between the picture and two tables representing a background. Thank you for you time. And thanks for helping me the noob.

beerbelly · Jan 29, 2005

I'm not sure what you're asking for. But if you want your page to look like what you have there on the picture, you should use Frames.

Here's a quicky I made. Try it out and see if it's what you want.

<html>
<head><title>Hello</title></head>



<frameset rows="20%,*">
<frameset cols=100%>
<frame src="http://www.ign.com" frameborder=0 marginwidth=0>
</frameset>
<frameset cols="15%,*">
<frame src="http://www.ga-forum.com" frameborder=0 marginwidth=0>
<frame src="http://www.globeandmail.com" frameborder=0 marginwidth=0>
</frameset>

</html>

B'z-chan · Jan 29, 2005

coding whatever you want to call it. Both of my tables sit on top of each other. Leaving no space between for the background.

PS i've done this before with tables, but long since forgot how too. And i hate frames, evil frames.

JoshuaJSlone · Jan 29, 2005

I've not messed much with frames as beerbelly did, but here's how you could get a similar look with nested tables.

Code:

<html>
<table border width=100%>
  <tr><td colspan=2>PICTURE HERE</td></tr>
  <tr>
     <td width=30%><table border>
       <tr><td>MENU HERE</td></tr>
       </table></td>
     <td width=70%><table border>
       <tr><td>CONTENT HERE</td></tr>
       </table></td>
  </tr>
</table>
</html>

demi · Jan 29, 2005

BE A MAN AND USE CSS

Particle Physicist · Jan 29, 2005

demi said:
BE A MAN AND USE CSS

exactly what i was going to say... i really wouldnt use frames.

there is also no need for nested tables::

simple tables:

Code:

<table border width=100%>

     <tr>

          <td colspan=2>PICTURE HERE</td>

     </tr>

     <tr>

          <td width=30%>MENU HERE</td>

          <td width=70%>CONTENT HERE</td>

     </tr>

</table>

that should work.

dont forget to add the html, head, and body tags.

EDIT

http://www.webmonkey.com has several easy to use html tutorials.

:: for tables:: http://webmonkey.wired.com/webmonkey/96/47/index3a.html

ThirstyFly · Jan 29, 2005

Leaving no space between for the background.

So you want space between the cells for the background? Try this:

<table width="300" border="0" cellspacing="5" cellpadding="0">
<tr>
<td width="300" colspan="2" bgcolor="#CCCCCC">Picture</td>
</tr>
<tr>
<td width="100" bgcolor="#CCCCCC">Menu</td>
<td width="200" bgcolor="#CCCCCC">Contnet</td>
</tr>
</table>

Edit: Whoops, I miss read you wanted NO space. Make sure you set cellspacing to 0 then.

JoshuaJSlone · Jan 29, 2005

quadriplegicjon said:
there is also no need for nested tables::

Yeah, wow, that was a pretty silly thing for me to miss. He was already using multiple tables and I didn't even consider the alternatives.

alejob · Jan 30, 2005

Do you have 3 tables? Because you only need 1.

There is no way you can make Picture a table, Menu a table and Content a menu. This seems to be your problem, thats how you understand your noob Q.

Take a look at what ThirstyFly wrote, thats one table with cells that give you the shape you want. You can put tables inside the cells if that what you want, specialy for the menu.

Anyone know a good CSS tutorial?

iapetus · Jan 30, 2005

beerbelly said:
I'm not sure what you're asking for. But if you want your page to look like what you have there on the picture, you should use Frames.

I realise this is a first offence, so I'm going to go easy on you this time.

But if you recommend use of frames on this forum again without an extremely well-made case for why they're necessary, then you will be banned.

It's for the good of humanity.

iapetus · Jan 30, 2005

demi said:
BE A MAN AND USE CSS

Nice in theory, though only in practice if you can guarantee nobody with an old browser will want to see the page. CSS makes Netscape 4 explode.

Ghost · Jan 30, 2005

iapetus said:
Nice in theory, though only in practice if you can guarantee nobody with an old browser will want to see the page. CSS makes Netscape 4 explode.

so true, also well said on the frames thing...ugh frames.

You just need to mess around with the cell spacing in your table, as someone already said. But im repeating it in the hope that you dont resort to frames.

demi · Jan 30, 2005

iapetus said:
Nice in theory, though only in practice if you can guarantee nobody with an old browser will want to see the page. CSS makes Netscape 4 explode.

People who use browsers as old as that make my head explode. PISS OFF WANKERS I SAY. EITHER SHAPE UP OR SHIP OUT.

beerbelly · Jan 31, 2005

nm, i got it

Jonnyram · Jan 31, 2005

iapetus said:
CSS makes Netscape 4 explode.

People who keep making code for Netscape 4 ensure that people keep using Netscape 4. I think it's less than 0.5% of typical browsing audience nowadays anyway.

Support NeoGAF

HTML editing help

B'z-chan

Banned

beerbelly

Banned

B'z-chan

Banned

JoshuaJSlone

Member

demi

Member

Particle Physicist

between a quark and a baryon

ThirstyFly

Member

JoshuaJSlone

Member

alejob

Member

iapetus

Scary Euro Man

iapetus

Scary Euro Man

Ghost

Chili Con Carnage!

demi

Member

beerbelly

Banned

Jonnyram

Member

Similar threads