Code Funkness. . .

  • (2 Pages)
  • +
  • 1
  • 2

21 Replies - 1613 Views - Last Post: 22 May 2002 - 07:46 AM

#1 The Neoracle  Icon User is offline

  • Check, check, 1, 2.
  • member icon

Reputation: 21
  • View blog
  • Posts: 4,097
  • Joined: 30-March 01

Code Funkness. . .

Posted 14 May 2002 - 12:11 PM

<BODY BGCOLOR=#FFFFFF>
<TABLE WIDTH=753 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=8>
<IMG SRC="images/header.gif" WIDTH=753 HEIGHT=61 ALT=""></TD>
</TR>
<TR>

   <TD width="111" height="36"> <IMG SRC="images/header2.gif" WIDTH=111 HEIGHT=35 ALT=""></TD>

   <TD width="88"><IMG SRC="images/forums.gif" WIDTH=88 HEIGHT=35 ALT=""></TD>

   <TD width="94"> <IMG SRC="images/articles.gif" WIDTH=94 HEIGHT=36 ALT=""></TD>

   <TD width="86"> <IMG SRC="images/charts.gif" WIDTH=86 HEIGHT=36 ALT=""></TD>

   <TD width="71"> <IMG SRC="images/radio.gif" WIDTH=71 HEIGHT=36 ALT=""></TD>

   <TD width="303"> <IMG SRC="images/twindeckslogo.gif" WIDTH=301 HEIGHT=36 ALT=""></TD> </TR> <TR> <TD align="left" valign="top" background="/images/sidebarbg.gif"><IMG SRC="images/leftbar.gif" ALT="" WIDTH=111 HEIGHT=544 vspace="0" align="top">    </TD> <TD colspan="6" align="left" valign="top">BOARD GOES HERE</TD> </TR> </TABLE> </BODY>

Ok, so that turns in to this page: http://www.twindecks...rpleLayout.html

Would someone like to explain where that white space is comming from? The little line between the header and the left side. Better yet, how the fuck can I get rid of it. I've been playing with this code for like 4 hours.

Also, I'm trying to make it so that the page is expandable <-> that way, but I can't get it to not jack up the images. Any suggestions on that one?


Is This A Good Question/Topic? 0
  • +

Replies To: Code Funkness. . .

#2 Fygar  Icon User is offline

  • I liek milk!!1
  • member icon

Reputation: 6
  • View blog
  • Posts: 4,361
  • Joined: 28-March 02

Re: Code Funkness. . .

Posted 14 May 2002 - 12:47 PM

I'm placing my bet on the header2.gif and the forums.gif sizes. They are off by a couple pixels too small in height.So it isn't your code. Neat design though.

EDIT - Spelun'

(Edited by Fygar at 3:51 pm on May 14, 2002)

Was This Post Helpful? 0
  • +
  • -

#3 The Neoracle  Icon User is offline

  • Check, check, 1, 2.
  • member icon

Reputation: 21
  • View blog
  • Posts: 4,097
  • Joined: 30-March 01

Re: Code Funkness. . .

Posted 14 May 2002 - 12:55 PM

Now that's one sharp eye. I dunno how I missed that. :

thanks, I'm play with it and see why my images are jizzacked.

Was This Post Helpful? 0
  • +
  • -

#4 Fygar  Icon User is offline

  • I liek milk!!1
  • member icon

Reputation: 6
  • View blog
  • Posts: 4,361
  • Joined: 28-March 02

Re: Code Funkness. . .

Posted 14 May 2002 - 01:09 PM

It's one of those simple things that bug the heck out of you... lol, I pulled hair out on the same problem a while ago....

As far as making it expandable, you can try and add a background image to the top right cells and have it blend with the images, and do the same for the vertical images... I would give that a try.

(Edited by Fygar at 4:33 pm on May 14, 2002)

Was This Post Helpful? 0
  • +
  • -

#5 The Neoracle  Icon User is offline

  • Check, check, 1, 2.
  • member icon

Reputation: 21
  • View blog
  • Posts: 4,097
  • Joined: 30-March 01

Re: Code Funkness. . .

Posted 14 May 2002 - 01:59 PM

Ok I added bg's to the two right most cell's and then changed their horizontal aligns to right then told the table to stretch and it's do this:
http://www.twindecks...rpleLayout.html

This is my current code:

<TABLE WIDTH=112% BORDER=0 CELLPADDING=0 CELLSPACING=0>
  <TR align="left" valign="top" background="/images/headerbg1.gif"> 
    <TD COLSPAN=8> <IMG SRC="/images/header.gif" ALT="" WIDTH=753 HEIGHT=61></TD>

</TR> <TR>

   <TD width="111" height="36"> <IMG SRC="/images/header2.gif" WIDTH=111 HEIGHT=36 ALT=""></TD>

   <TD width="88" align="left"><a href="javascript:; /forums/" onmouseover="MM_swapImage('Image1','','/images/forums_up.gif',1)" onmouseout="MM_swapImgRestore()"><IMG SRC="/images/forums.gif" ALT="" name="Image1" WIDTH=88 HEIGHT=36 border="0" id="Image1"></a></TD>

   <TD width="94"> <a href="javascript:; /articles/" onmouseover="MM_swapImage('Image2','','/images/articles_up.gif',1)" onmouseout="MM_swapImgRestore()"><IMG SRC="/images/articles.gif" ALT="" name="Image2" WIDTH=94 HEIGHT=36 border="0" id="Image2"></a></TD>

   <TD width="86"> <a href="javascript:; /charts/" onmouseover="MM_swapImage('Image3','','/images/charts_up.gif',1)" onmouseout="MM_swapImgRestore()"><IMG SRC="/images/charts.gif" ALT="" name="Image3" WIDTH=86 HEIGHT=36 border="0" id="Image3"></a></TD>

   <TD width="72"> <a href="/radio/"><IMG SRC="/images/radio.gif" ALT="" WIDTH=72 HEIGHT=36 border="0"></a></TD>

   <TD width="378" align="left" background="/images/headerbg2.gif"> <a href="http://www.twindecks.com/"><IMG SRC="/images/twindeckslogo.gif" ALT="" WIDTH=302 HEIGHT=36 border="0"></a></TD> </TR> <TR>

<TD width="111" height="625" align="left" valign="top" background="/images/sidebarbg.gif"><IMG SRC="/images/leftbar.gif" ALT="" WIDTH=111 HEIGHT=544 vspace="0">    </TD>

<TD colspan="8" align="left" valign="top" bgcolor="#FFFFFF">BOARD GOES HERE</TD>

</TR> </TABLE>


Any Suggestions?

Was This Post Helpful? 0
  • +
  • -

#6 Ruck  Icon User is offline

  • $

Reputation: -5
  • View blog
  • Posts: 1,033
  • Joined: 03-September 01

Re: Code Funkness. . .

Posted 14 May 2002 - 03:49 PM

body {
 margin: 0px;
}

Was This Post Helpful? 0
  • +
  • -

#7 codeman  Icon User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Code Funkness. . .

Posted 14 May 2002 - 09:40 PM

How about a DOCTYPE? :)
And, put something in those ALT attributes :) They're your friend :) And, Ruck's right, make the margin 0. And DO NOT use the marginright things in the body tags as those have been depracated. okay? :)
Was This Post Helpful? 0
  • +
  • -

#8 honkyinc  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 42
  • Joined: 08-May 02

Re: Code Funkness. . .

Posted 15 May 2002 - 06:37 AM

Pretty much all styling and formatting tags are being deprecated in favor if CSS/CSSP/CSS2 sheets.  A hassle in some cases, but a blessing in most.
Was This Post Helpful? 0
  • +
  • -

#9 The Neoracle  Icon User is offline

  • Check, check, 1, 2.
  • member icon

Reputation: 21
  • View blog
  • Posts: 4,097
  • Joined: 30-March 01

Re: Code Funkness. . .

Posted 15 May 2002 - 02:55 PM

GRRRR!!! I almost have it I think:
http://www.twindecks.com/

Check what it's doing. Weirdness. :

<html>    <head>      <title>                <% TITLE %>      </title>      <% GENERATOR %>      <% CSS %>      <% Javascript %>          </head>

<body bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'onload="MM_preloadImages('/images/forums_up.gif','/images/articles_up.gif','/images/charts_up.gif')" margin: 0px; >

<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>  <TR align="left" valign="top" background="/images/headerbg1.gif">    <TD COLSPAN=8> <IMG SRC="/images/header.gif" ALT="" WIDTH=753 HEIGHT=61></TD>

</TR> <TR>

   <TD width="111" height="36"> <IMG SRC="/images/header2.gif" WIDTH=111 HEIGHT=36 ALT=""></TD>

   <TD width="88" align="left"><a href="javascript:; /forums/" onmouseover="MM_swapImage('Image1','','/images/forums_up.gif',1)" onmouseout="MM_swapImgRestore()"><IMG SRC="/images/forums.gif" ALT="" name="Image1" WIDTH=88 HEIGHT=36 border="0" id="Image1"></a></TD>

   <TD width="94"> <a href="javascript:; /articles/" onmouseover="MM_swapImage('Image2','','/images/articles_up.gif',1)" onmouseout="MM_swapImgRestore()"><IMG SRC="/images/articles.gif" ALT="" name="Image2" WIDTH=94 HEIGHT=36 border="0" id="Image2"></a></TD>

   <TD width="86"> <a href="javascript:; /charts/" onmouseover="MM_swapImage('Image3','','/images/charts_up.gif',1)" onmouseout="MM_swapImgRestore()"><IMG SRC="/images/charts.gif" ALT="" name="Image3" WIDTH=86 HEIGHT=36 border="0" id="Image3"></a></TD>

   <TD width="72"> <a href="/radio/"><IMG SRC="/images/radio.gif" ALT="" WIDTH=72 HEIGHT=36 border="0"></a></TD>

   <TD width="418" align="left" background="/images/headerbg2.gif"> <a href="http://www.twindecks.com/"><IMG SRC="/images/twindeckslogo.gif" ALT="" WIDTH=302 HEIGHT=36 border="0"></a></TD> </TR> <TR>

<TD width="111" height="625" align="left" valign="top" background="/images/sidebarbg.gif"><IMG SRC="/images/leftbar.gif" ALT="" WIDTH=111 HEIGHT=544 vspace="0">    </TD>

<TD colspan="8" align="left" valign="top" bgcolor="#FFFFFF"> <% BOARD HEADER %><% NAVIGATION %><% BOARD %><% STATS %><% COPYRIGHT %> </TD>

</TR> </TABLE>00

</body></html>


Was This Post Helpful? 0
  • +
  • -

#10 The Neoracle  Icon User is offline

  • Check, check, 1, 2.
  • member icon

Reputation: 21
  • View blog
  • Posts: 4,097
  • Joined: 30-March 01

Re: Code Funkness. . .

Posted 16 May 2002 - 11:21 AM

BIZZY NIZZIES
Was This Post Helpful? 0
  • +
  • -

#11 Cookie Mobster  Icon User is offline

  • nooneenooneenooonee
  • member icon

Reputation: 7
  • View blog
  • Posts: 4,730
  • Joined: 12-October 01

Re: Code Funkness. . .

Posted 16 May 2002 - 11:49 AM

A little trick I like to use while working with tables is to turn on the borders to see where is misalignment is origionating.

Cheers Sam

Was This Post Helpful? 0
  • +
  • -

#12 honkyinc  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 42
  • Joined: 08-May 02

Re: Code Funkness. . .

Posted 16 May 2002 - 11:57 AM

Not only turn on tables, but also use the "bordercolor" attribute to classify each level of nested tables, if you have them.  CSS is much easier to deal with than fifteenhundred tables in one page. (exaggeration)
Was This Post Helpful? 0
  • +
  • -

#13 The Neoracle  Icon User is offline

  • Check, check, 1, 2.
  • member icon

Reputation: 21
  • View blog
  • Posts: 4,097
  • Joined: 30-March 01

Re: Code Funkness. . .

Posted 16 May 2002 - 12:21 PM

Hrm. . . the error I'm getting is not a misalignment, it's that part of the board jumps down below the sidebar even though it's supposed to be contained in a column.  If you guys are getting a different mess-up, can you please email or post a screenshot?
Was This Post Helpful? 0
  • +
  • -

#14 The Neoracle  Icon User is offline

  • Check, check, 1, 2.
  • member icon

Reputation: 21
  • View blog
  • Posts: 4,097
  • Joined: 30-March 01

Re: Code Funkness. . .

Posted 16 May 2002 - 12:22 PM

This is what I'm getting:
http://www.blazing-m.../Screendump.jpg
Was This Post Helpful? 0
  • +
  • -

#15 SlashRaid  Icon User is offline

  • Dream.In.Force

Reputation: 1
  • View blog
  • Posts: 2,421
  • Joined: 21-January 02

Re: Code Funkness. . .

Posted 16 May 2002 - 12:28 PM

I get a page not found error.

?

Is the link good?

Was This Post Helpful? 0
  • +
  • -

  • (2 Pages)
  • +
  • 1
  • 2