NineChime forum

Furry stuff, oekaki stuff, and other stuff.

You are not logged in.

#1 06-20-2011 15:03:53

Tiger
Member

Notice Above Page Numbers

I'm having issues putting a table image at the top of my oekaki page. I want it to appear over the page numbers, but it always goes next to a picture. The screen looks like this: http://i2.photobucket.com/albums/y13/Gryphonlover/helpforbanner.png

My table code is this:

Code:

<body>
<table width="500" height="404" "border="3" align="left" cellpadding="50" cellspacing="0"  background="http://i2.photobucket.com/albums/y13/Gryphonlover/fronttablebg3.png">
  <tr>
    <td height="404"><p><div align=ceneter><font color="#e08e36">Welcome to the Black and Orange Oekaki!
    
    </font></p>
      <p>(Please make sure to read the rules here)</p>
      <p><font color="#e08e36"><b>Current News:</b> &nbsp; BOO is holding a mascot contest! Requirements can be found here!</font></align></p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>Ace! Refs: [1] [2] [3]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Design our mascot, Boo!</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    <p>&nbsp;</p>   
    </div> 
    
  </tr>
</table>
</body>

Is there an error in the code that won't let it be centered on top?

Last edited by Tiger (06-20-2011 15:13:03)

Offline

#2 06-21-2011 03:45:00

Trunksi
Member

Re: Notice Above Page Numbers

align="left" seemed to cause it smile

tried it on my test board and it seems to work now after I removed it
and I removed some open div-tag and closed the td

oh and I removed the body-tags since I think they are unnecessary smile

Hope it will work now

 

Code:

<table width="500" height="404" border="3px"  cellpadding="50" cellspacing="0"  background="http://i2.photobucket.com/albums/y13/Gryphonlover/fronttablebg3.png">
  <tr>
    <td height="404"><p><font color="#e08e36">Welcome to the Black and Orange Oekaki!
    
    </font></p>
      <p>(Please make sure to read the rules here)</p>
      <p><font color="#e08e36"><b>Current News:</b> &nbsp; BOO is holding a mascot contest! Requirements can be found here!</font></align></p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>Ace! Refs: [1] [2] [3]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Design our mascot, Boo!</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    <p>&nbsp;</p>   
    </div> 
    
 </td> </tr></table>

Offline

#3 06-21-2011 04:22:21

Waccoon
Administrator

Re: Notice Above Page Numbers

You've got a bunch of syntax and spelling errors in your code.  Here, use this:

Code:

<table
    width="500"
    height="404"
    border="0"
    cellpadding="50"
    cellspacing="0"
    background="http://i2.photobucket.com/albums/y13/Gryphonlover/fronttablebg3.png"
    style="margin: auto;"
    >
<tr>
<td height="404">
    <p style="color: #E08E36;">
        Welcome to the Black and Orange Oekaki!
    </p>
    <p>
        (Please make sure to read the rules here)
    </p>
    <p style="color: #E08E36">
        <b>Current News:</b> &nbsp; BOO is holding a mascot contest! Requirements can be found here!
    </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p style="color: #E08E36">
        <span style="float: left;">
            Ace! Refs: [1] [2] [3]
        </span>
        <span style="float: right;">
            Design our mascot, Boo!
        </span>
    </p>
</tr>
</table>

There's a dozen ways to make this better, but you've have to split up your current fixed background.  There's really no need to use a table for this when you can use a <div> instead.

Also, I used the "float" property for the Member of the Week and Weekly Theme so alignment will be more natural, and you can get rid of all those nasty non-breaking spaces.

Offline

#4 06-21-2011 12:33:46

Tiger
Member

Re: Notice Above Page Numbers

Worked perfectly, thanks guys!

Offline

Board footer

Yep, still running PunBB
© Copyright 2002–2008 PunBB