37 users online (0 members and 37 guests)  


  Results 1 to 9 of 9

Related

  1. background image in tables    Forum: HTML Forum
    Replies: 0
  2. Replies: 2
  3. CSS background    Forum: CSS Forum
    Replies: 3
  4. Replies: 2
  5. background help    Forum: HTML Forum
    Replies: 1
  1. #1
    miss_kagami's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    5

    Question Help with background for tables.

    For some reason, I cannot get my background to align right, so it's off by a bit, and it's also off in other resolutions, especially lower ones. Here's the code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Blissful Reverie - Version TWO: A Carefree Smile - Animanga Hosting & Media</title>
    <meta name="keywords" content="animanga, manga, anime, Blissful Reverie, Kagami Yamaguchi">
    <meta name="description" content="Blissful Reverie is where you can find all kinds of scanlated manga, anime music, and subbed anime including Kirarin Revolution! Here we mainly focus on shoujo, ">
    <meta name="author" content="Kagami">
    <link rel="stylesheet" type="text/css" href="css.css">
    <link href="images/favicon.ico" rel="icon" type="image/x-icon" />
    </head>
    
    <body>
    <center>
    <table cellpadding="0" cellspacing="0" border="0" width="800">
    <tr><td><img src="images/slice01.gif" width="800" height="97" alt=""></td></tr>
    <tr><td><img src="images/slice02.gif" width="800" height="95" alt=""></td></tr>
    
    <tr><td><img src="images/slice03.gif" width="800" height="98" alt=""></td></tr>
    <tr><td><img src="images/slice04.gif" width="800" height="97" alt=""></td></tr>
    <tr><td><img src="images/slice05.gif" width="800" height="97" alt=""></td></tr>
    <tr><td><img src="images/slice06.gif" width="800" height="43" alt=""></td></tr>
    <tr><td><img src="images/slice07.png" width="800" height="52" alt=""></td></tr>
    
    <tr><td valign="top" width="750">
    <table cellpadding="0" cellspacing="0" border="0" width="750"><tr>
    <td valign="top" width="50"></td>
    <td valign="top" width="215" id="navi">
    
    <table cellpadding="0" cellspacing="0" width="215" border="0">
    <h2>&hearts; Host</h2>
    <tr><td><p class="nav">
    <center>
    
    <img src="images/neabutton.bmp" alt="Chasing Infinity" border="0"><br><br>
    <a href="http://neverendinganime.com" target="_blank">Pup! She's awesome, go visit.</a> 
    </center>
    </p>
    </td></tr>
    </table>
    
    <table cellpadding="0" cellspacing="0" width="215" border="0">
    <h2>Stats</h2>
    <tr><td><p class="nav">
    <center>
    <!-- Clock Part 1 - Holder for Display of Clock -->
    
    <span id="tP">&nbsp;</span>
    
    <!-- Clock Part 1 - Ends Here -->
    <!-- Clock Part 2 - Put Anywhere AFTER Part 1 -->
    
    <script type="text/javascript">
    // Clock Script Generated By Maxx Blade's Clock v2.0d
    // http://www.maxxblade.co.uk/clock
    function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } 
    function lZ(x){ return (x>9)?x:'0'+x; } 
    function tH(x){ if(x==0){ x=12; } return (x>12)?x-=12:x; } 
    function dE(x){ if(x==1||x==21||x==31){ return 'st'; } if(x==2||x==22){ return 'nd'; } if(x==3||x==23){ return 'rd'; } return 'th'; } 
    function dT(){ window.status=''+eval(oT)+''; document.getElementById('tP').innerHTML=eval(oT); setTimeout('dT()',1000); } 
    function aP(x){ return (x>11)?'P.M.':'A.M.'; } 
    function y4(x){ return (x<500)?x+1900:x; } 
    var dN=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'),mN=new Array('January','February','March','April','May','June','July','August','September','October','November','December'),oT="dN[tS().getDay()]+' '+tS().getDate()+dE(tS().getDate())+' '+mN[tS().getMonth()]+','+' '+y4(tS().getYear())+' '+'<br>'+' '+tH(tS().getHours())+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())+' '+aP(tS().getHours())";
    if(!document.all){ window.onload=dT; }else{ dT(); }
    </script>
    
    <!-- Clock Part 2 - Ends Here  -->
    
    <br><br>
    
    <!-- Start FastOnlineUsers.com -->
    <script type="text/javascript" src="http://fastonlineusers.com/on2.php?d=http://br.neverendinganime.com"></script> user(s) online<br><bR>
    <!-- End FastOnlineUsers.com -->
    
    </center>
    <b>Manga Series:</b> <br>
    <b>Anime Series:</b> <br>
    
    </p>
    </td></tr>
    </table>
    
    <table cellpadding="0" cellspacing="0" width="215" border="0">
    <h2>Sitely</h2>
    <tr><td><p class="nav">
    <a href="/home.php">Homepage</a>
    
    <a href="/index.php">Splash Page</a>
    <a href="/info.php">Information</a>
    <a href="/layout.php">Layout Info</a>
    <a href="/staff.php">Staff</a>
    <a href="/faq.php">F.A.Q.</a>
    <a href="/links.php">Links</a>
    <a href="/contact.php">Contact</a>
    <a href="/credits.php">Credits</a>
    <a href="/apply.php">Apply</a>
    
    </p>
    </td></tr>
    </table>
    
    <table cellpadding="0" cellspacing="0" width="215" border="0">
    <h2>Manga</h2>
    <tr><td><p class="nav">
    <a href="/manga/ongoing.php">Ongoing</a>
    <a href="/manga/complete.php">Complete</a>
    <a href="/manga/oneshots.php">Oneshots</a>
    <s><a href="/manga/paused.php">Paused</a>
    <a href="/manga/dropped.php">Dropped</a></s>
    
    </p>
    </td></tr>
    </table>
    
    <table cellpadding="0" cellspacing="0" width="215" border="0">
    <h2>Anime</h2>
    <tr><td><p class="nav">
    <s><a href="/anime/airing.php">Airing</a>
    <a href="/anime/complete.php">Complete</a>
    <a href="/anime/onhold.php">On Hold</a>
    <a href="/anime/discontinued.php">Discontinued</a></s>
    </p>
    
    </td></tr>
    </table>
    
    <table cellpadding="0" cellspacing="0" width="215" border="0">
    <h2>Media</h2>
    <tr><td><p class="nav">
    <a href="/media/music.php">Music</a>
    <a href="/media/wallpapers.php">Wallpapers</a>
    <a href="/media/fanfic.php">Fanfics</a>
    </p>
    </td></tr>
    </table>
    
    <table cellpadding="0" cellspacing="0" width="215" border="0">
    <h2>Groups</h2>
    <tr><td><p class="nav">
    <a href="/groups/scanlating.php">Scanlating</a>
    <s><a href="/groups/subbing.php">Subbing</a>
    <a href="/groups/retired.php">Retired</a></s>
    <a href="/groups/penddeny.php">Pending & Denied</a>
    </td></tr>
    </p>
    </table>
    
    <table cellpadding="0" cellspacing="0" width="215" border="0">
    <h2>Credits</h2>
    <tr><td><p class="nav">
    <a href="mailto:staff@br.neverendinganime.com">Layout - Kagami</a>
    <a href="http://celestial-star.net" target="_blank">PNG - Celestial Star</a>
    <a href="http://el.colorpop.org" target="_blank">Textures - Elusive</a>
    <a href="http://aethereality.net" target="_blank">Textures - Aethereality</a>
    <a href="http://brushes.obsidiandawn.com" target="_blank">Brushes - Obsidian Dawn</a>
    <a href="http://angelic-trust.net" target="_blank">Brushes - Angelic Trust</a>
    <a href="http://aethereality.net" target="_blank">Brushes - Aethereality</a>
    
    <a href="http://s224.photobucket.com/albums/dd35/lyricaltragedy/backgrounds" target="_blank">Background - Lyrical Tragedy</a>
    </p>
    </td></tr>
    </table>
    
    </td>
    <td valign="top" width="100"></td>
    
    
    <td valign="top" width="700" id="content">
    <h1>Just a Typical Introduction</h1>
    <div class="updates">
    Helluu, and welcome to <b>Blissful Reverie</b>!! If you've been here before, you'll know what this place is all about. If not, here's our summary:<br><br>
    
    Blissful Reverie is run & maintained by <b>Miss Kagami Yamaguchi</b>, and has various things relating to anime & manga. Here we mainly host manga scanlations 
    
    and subbed anime, but we also have music from the animes, wallpapers, music videos, & instrument scores, mainly piano. <br><Br>
    
    Blissful Reverie is happily hosted by the generous <a href="http://neverendinganime.com">Pup</a>! Please pay her great site a visit!
    </div>
    
    <h1>Testing teh smilies~!! xD</h1>
    
    <div class="updates">
    
    <div style="float:left; border:1px solid #0c144f";><img alt="" src="http://br.neverendinganime.com/images/kagami.bmp" style="border: none;" /></div>
    
     <img style="border: none;" alt="angry" src="http://br.neverendinganime.com/cutenews//data/emoticons/angry.gif" /> <img style="border: none;" alt="bleh" src="http://br.neverendinganime.com/cutenews//data/emoticons/bleh.gif" /> <img style="border: none;" alt="cat" src="http://br.neverendinganime.com/cutenews//data/emoticons/cat.gif" /> <img style="border: none;" alt="cry" src="http://br.neverendinganime.com/cutenews//data/emoticons/cry.gif" /> <img style="border: none;" alt="cry2" src="http://br.neverendinganime.com/cutenews//data/emoticons/cry2.gif" /> <img style="border: none;" alt="cry3" src="http://br.neverendinganime.com/cutenews//data/emoticons/cry3.gif" /> <img style="border: none;" alt="dance" src="http://br.neverendinganime.com/cutenews//data/emoticons/dance.gif" /> <img style="border: none;" alt="dead" src="http://br.neverendinganime.com/cutenews//data/emoticons/dead.gif" /> <img style="border: none;" alt="defeat" src="http://br.neverendinganime.com/cutenews//data/emoticons/defeat.gif" /> <img style="border: none;" alt="discontent" src="http://br.neverendinganime.com/cutenews//data/emoticons/discontent.gif" /> <img style="border: none;" alt="glee" src="http://br.neverendinganime.com/cutenews//data/emoticons/glee.gif" /> <img style="border: none;" alt="happy" src="http://br.neverendinganime.com/cutenews//data/emoticons/happy.gif" /> <img style="border: none;" alt="huh" src="http://br.neverendinganime.com/cutenews//data/emoticons/huh.gif" /> <img style="border: none;" alt="oops" src="http://br.neverendinganime.com/cutenews//data/emoticons/oops.gif" /> <img style="border: none;" alt="ouch" src="http://br.neverendinganime.com/cutenews//data/emoticons/ouch.gif" /> <img style="border: none;" alt="punch" src="http://br.neverendinganime.com/cutenews//data/emoticons/punch.gif" /> <img style="border: none;" alt="shock" src="http://br.neverendinganime.com/cutenews//data/emoticons/shock.gif" /> <img style="border: none;" alt="sigh" src="http://br.neverendinganime.com/cutenews//data/emoticons/sigh.gif" /> <img style="border: none;" alt="sleep" src="http://br.neverendinganime.com/cutenews//data/emoticons/sleep.gif" /> <img style="border: none;" alt="smile" src="http://br.neverendinganime.com/cutenews//data/emoticons/smile.gif" /> <img style="border: none;" alt="sorry" src="http://br.neverendinganime.com/cutenews//data/emoticons/sorry.gif" /> <img style="border: none;" alt="star" src="http://br.neverendinganime.com/cutenews//data/emoticons/star.gif" /> <img style="border: none;" alt="susp" src="http://br.neverendinganime.com/cutenews//data/emoticons/susp.gif" /> <img style="border: none;" alt="think" src="http://br.neverendinganime.com/cutenews//data/emoticons/think.gif" /> <img style="border: none;" alt="woah" src="http://br.neverendinganime.com/cutenews//data/emoticons/woah.gif" /><br /><br /><br />MWAHAHAHAHHAHAHAHA.
    
    <p>
    
    <div style="float: right;"><i><a href="mailto:staff@br.neverendinganime.com">Kagami</a> updated on 26 Aug 2008</i></div>
    
    <a href="/main.php?subaction=showcomments&amp;id=1219799143&amp;archive=&amp;start_from=&amp;ucat=2&amp;">0 Replies</a>
    <br><br>
    </div>
    <h1>Yan yan yan~</h1>
    
    <div class="updates">
    
    <div style="float:left; border:1px solid #0c144f";><img alt="" src="http://br.neverendinganime.com/images/kagami.bmp" style="border: none;" /></div>
    
    Ran ran ran hashitte<br />Ran ran ran tojitte<br />Watashi watashi nande deshou?<br />Megenaide motto hibi wo eieio- desu<br />Ashita mezashi kokoro jyunbishite<br />Ue wo muitano ue wo muitano<br /><br />Oshiete ohoshi sama<br /><br />Mawaru sekai wo douka BIKARI BIKARI kazatte<br />Isshoukenmei tetsudaimasu<br />Konna doryoku no yoru mo<br />Fui no jiko de dainashi<br />Soredemo itsuka<br />Ai ga mirete kuruwa Happy Life...
    <p>
    
    <div style="float: right;"><i><a href="mailto:staff@br.neverendinganime.com">Kagami</a> updated on 26 Aug 2008</i></div>
    
    <a href="/main.php?subaction=showcomments&amp;id=1219796253&amp;archive=&amp;start_from=&amp;ucat=2&amp;">0 Replies</a>
    <br><br>
    </div>
    <div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div><!-- News Powered by CuteNews: http://cutephp.com/ -->
    </td>
    
    <td valign="top"></td>
    </tr></table>
    
    </table>
    </center>
    </body>
    </html>
    So what I'd like to know is:
    + How do I fix this?
    + How do I prevent it from happening again?

    If you need my CSS, just ask and I'll post it up here.

  2. #2
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Help with background for tables.

    I do not see anything in your HTML that would cause your background to be off. I do see quite a few missing/out-of-order tags though. Have you tried validating the HTML and CSS yet?

  3. #3
    miss_kagami's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    5

    Re: Help with background for tables.

    No, I'll try doing that now though. Thanks~ :]

  4. #4
    miss_kagami's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    5

    Re: Help with background for tables.

    Hm...well, I tried validating it and fixed most of it, but it still won't align right. Maybe if you saw the page:

    http://br.neverendinganime.com/main.php

  5. #5
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Help with background for tables.

    I took a quick look at the page this morning both in IE7 and FF. If I saw correctly, it is just barely off (as in <10 pixels). Am I correct?

  6. #6
    miss_kagami's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    5

    Re: Help with background for tables.

    Yeah, that's about right. So do I reduce something?

  7. #7
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Help with background for tables.

    Ok. After a closer look, the images are the problem (unless we are seeing differently). Take a look at the individual slices and see if you see the same problem.

  8. #8
    miss_kagami's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    5

    Re: Help with background for tables.

    i don't really see anything but where the last slice ends is where the background goes off.

    are my slices too long? i'm not sure.

  9. #9
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Help with background for tables.

    I will take a look at it again this evening.



Tags for this Thread