Back To Website Design Forum

table background problem

  • puKKa
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 02, 2004
  • Posts: 274
  • Loc: Sweden
  • Status: Offline

Post May 7th, 2004, 5:30 am

hi
I have a table on my site and I want tht table NOT to repeat the background as the other tables do, I have so that they repeat in my CSS file.

shouldn't this code do the trick?
Code: [ Download ] [ Select ]
<TD width="607" height="100%" background="images/Designbakgrund.jpg" background-repeat: no-repeat>
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post May 7th, 2004, 5:30 am

  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1858
  • Loc: Uk
  • Status: Offline

Post May 7th, 2004, 5:37 am

so you have a repeating background image on all your tables, and you want one table to not repeat?

If yes then change html to:
Code: [ Download ] [ Select ]
<table id="norepeat">

for that particular table, then add to the css:
Code: [ Download ] [ Select ]
#norepeat{      /*select the table called norepeat*/
  background-repeat:no-repeat;
}
  1. #norepeat{      /*select the table called norepeat*/
  2.   background-repeat:no-repeat;
  3. }


if thats not what you wanted, clarify what you need and I'll correct the code
CSS website design tutorials
  • puKKa
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 02, 2004
  • Posts: 274
  • Loc: Sweden
  • Status: Offline

Post May 7th, 2004, 5:38 am

precisly, I only want one table not to repeat.

didnt understand that code of yours :P
  • puKKa
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 02, 2004
  • Posts: 274
  • Loc: Sweden
  • Status: Offline

Post May 7th, 2004, 5:41 am

ah!

understood the code now, thanks mate :)
  • puKKa
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 02, 2004
  • Posts: 274
  • Loc: Sweden
  • Status: Offline

Post May 7th, 2004, 5:42 am

maybe you can help me with another problem too about tables?

I want a table to stretch to the end of the window, and the 100% width dosnt work

here is the code for the page:

Code: [ Download ] [ Select ]
<HTML>
<HEAD>
<TITLE>design2b</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link href="leekis.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (design2b.psd) -->
<TABLE WIDTH=800 BORDER=0 align="left" CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD COLSPAN=2 background="images/DesignHuppeOan.jpg"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="234">
     <param name="movie" value="Other/LEEKIStoplogo.swf">
     <param name="quality" value="high">
     <embed src="Other/LEEKIStoplogo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="234"></embed>
   </object></TD>
        <TD width="100%" background="images/DesignHuppeOan.jpg"></TD>
    </TR>
    <TR>
        <TD width="166" height="100%" background="images/Designmeny.jpg">
            <?php include "menu.php";?>
        </TD>
        
  <TD width="607" height="100%" background="images/Designbakgrund.jpg" table id="norepeat">
   <?php include "nyheter.php";?>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>aa</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a</p>
   <p>a </p>
   <p>End of page</p></TD>
        <TD width="100%" height"100%">
            <IMG SRC="images/DesignHOan.gif" WIDTH=100% HEIGHT=100% ALT=""></TD>
    </TR>
    <TR>
        <TD COLSPAN=2>
            <IMG SRC="images/Designendofpage.jpg" WIDTH=773 HEIGHT=25 ALT=""></TD>
        <TD width="100%" background="images/DesignHNerOan.jpg"></TD>
    </TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
  1. <HTML>
  2. <HEAD>
  3. <TITLE>design2b</TITLE>
  4. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  5. <link href="leekis.css" rel="stylesheet" type="text/css">
  6. </HEAD>
  7. <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
  8. <!-- ImageReady Slices (design2b.psd) -->
  9. <TABLE WIDTH=800 BORDER=0 align="left" CELLPADDING=0 CELLSPACING=0>
  10.     <TR>
  11.         <TD COLSPAN=2 background="images/DesignHuppeOan.jpg"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="234">
  12.      <param name="movie" value="Other/LEEKIStoplogo.swf">
  13.      <param name="quality" value="high">
  14.      <embed src="Other/LEEKIStoplogo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="234"></embed>
  15.    </object></TD>
  16.         <TD width="100%" background="images/DesignHuppeOan.jpg"></TD>
  17.     </TR>
  18.     <TR>
  19.         <TD width="166" height="100%" background="images/Designmeny.jpg">
  20.             <?php include "menu.php";?>
  21.         </TD>
  22.         
  23.   <TD width="607" height="100%" background="images/Designbakgrund.jpg" table id="norepeat">
  24.    <?php include "nyheter.php";?>
  25.    <p>a</p>
  26.    <p>a</p>
  27.    <p>a</p>
  28.    <p>a</p>
  29.    <p>aa</p>
  30.    <p>a</p>
  31.    <p>a</p>
  32.    <p>a</p>
  33.    <p>a</p>
  34.    <p>a</p>
  35.    <p>a</p>
  36.    <p>a</p>
  37.    <p>a</p>
  38.    <p>a</p>
  39.    <p>a</p>
  40.    <p>a</p>
  41.    <p>a </p>
  42.    <p>End of page</p></TD>
  43.         <TD width="100%" height"100%">
  44.             <IMG SRC="images/DesignHOan.gif" WIDTH=100% HEIGHT=100% ALT=""></TD>
  45.     </TR>
  46.     <TR>
  47.         <TD COLSPAN=2>
  48.             <IMG SRC="images/Designendofpage.jpg" WIDTH=773 HEIGHT=25 ALT=""></TD>
  49.         <TD width="100%" background="images/DesignHNerOan.jpg"></TD>
  50.     </TR>
  51. </TABLE>
  52. <!-- End ImageReady Slices -->
  53. </BODY>
  54. </HTML>
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1858
  • Loc: Uk
  • Status: Offline

Post May 7th, 2004, 5:43 am

ahh forget it.


Code: [ Download ] [ Select ]
<TD width="607" height="100%" background="images/Designbakgrund.jpg" style="background-repeat: no-repeat">


that would be the easy way
CSS website design tutorials
  • puKKa
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 02, 2004
  • Posts: 274
  • Loc: Sweden
  • Status: Offline

Post May 7th, 2004, 5:46 am

then Ill go with the easy way instead ;))

could you help me with the stretch thing?
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1858
  • Loc: Uk
  • Status: Offline

Post May 7th, 2004, 5:52 am

probably not, I don't like tables.... and I don't really remember about using attributes in tags, my pages all look like:

Code: [ Download ] [ Select ]
<div class="blah" id="blah">

</div>
  1. <div class="blah" id="blah">
  3. </div>


all the way through. I do everything in the css file.
CSS website design tutorials
  • puKKa
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 02, 2004
  • Posts: 274
  • Loc: Sweden
  • Status: Offline

Post May 7th, 2004, 6:23 am

man it's getting screwed somehow.. :(

don't know what it is that makes the blue box on the page :(

http://keso.shacknet.nu/leekis/b/index2.php
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1858
  • Loc: Uk
  • Status: Offline

Post May 7th, 2004, 6:31 am

where you have
Code: [ Download ] [ Select ]
style="background-repeat:no-repeat;"


change to

Code: [ Download ] [ Select ]
style="background-repeat:no-repeat;background-color:#000;"


that should do it. The background of the table was transparent and so the blue shows through. Make the background black and it will cover the blue I think.
CSS website design tutorials
  • puKKa
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 02, 2004
  • Posts: 274
  • Loc: Sweden
  • Status: Offline

Post May 7th, 2004, 6:49 am

now it works :)

thanks
  • fional24
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Nov 12, 2003
  • Posts: 125
  • Loc: Scotland
  • Status: Offline

Post May 7th, 2004, 7:40 am

I think your stretch problem lies here:

Code: [ Download ] [ Select ]
<!-- ImageReady Slices (design2b.psd) -->
<TABLE WIDTH=800 BORDER=0 align="left" CELLPADDING=0 CELLSPACING=0>
  1. <!-- ImageReady Slices (design2b.psd) -->
  2. <TABLE WIDTH=800 BORDER=0 align="left" CELLPADDING=0 CELLSPACING=0>


You have specified an absolute size for your main table which means any table you add inside will only fill 100% of the 800px.

Change this one to 100% and see if it helps
  • puKKa
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 02, 2004
  • Posts: 274
  • Loc: Sweden
  • Status: Offline

Post May 7th, 2004, 9:30 am

I removed it and it worked then :)
  • fional24
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Nov 12, 2003
  • Posts: 125
  • Loc: Scotland
  • Status: Offline

Post May 7th, 2004, 3:19 pm

woohoo!

Page 1 of 1

Post Information

  • Total Posts in this topic: 14 posts
  • Users browsing this forum: emucreators, tastysite and 225 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© Unmelted Enterprises 1998-2009. Driven by phpBB © 2001-2009 phpBB Group.