By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,190 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

Borders and images in tables.

YarrOfDoom
Expert 100+
P: 1,247
I've started building a website, and I've encountered some problems with the tables. Two, actually. The first: I can't get the borders away, I can make them invisible (border="0"), but they're still there taking space. Second one: the images I use as background for the cells aren't streched but tiled (maybe not to see on non-widescreen monitors), how can I solve this?
If you want to see it, look here.

Yarr
edit: woops, forgot to validate, got some work to do
Jan 29 '08 #1
Share this Question
Share on Google+
8 Replies


Death Slaught
100+
P: 1,137
Great site Yarr!

For the background image problem in your cells have you tried adding this property.

Expand|Select|Wrap|Line Numbers
  1.  background-repeat:no-repeat;
As for the table borders i'm not entirely sure. I would try adding this to your CSS

Expand|Select|Wrap|Line Numbers
  1.  * { 
  2. margin:0;
  3. padding:0;
  4. }
  5.  
I don't know if this will have any effect on this, but if you don't mind me asking why are you using a table layout instead of an unordered list?

Thanks, Death
Jan 29 '08 #2

YarrOfDoom
Expert 100+
P: 1,247
Hmm.. You will have to simplicate that a bit, I never understood CSS very well. And unordered lists instead of tables, I have no idea how to start on that, And I always tought tables were the best way to get control over your layout.
Jan 29 '08 #3

Death Slaught
100+
P: 1,137
Ignore what I said about using an unordered list I was thinking of something else. As for the other also ignore it.

The problem is coming from your image not your table. For some reason I can't think of how to fix this. I'll remember soon enough and then I'll post it.

Until then you should try making your page valid HTML, and you really should add a DOC Type (stupid IE and its quirks mode).

Thanks, Death
Jan 29 '08 #4

YarrOfDoom
Expert 100+
P: 1,247
stupid IE and its quirks mode
I tought you used FF?
Jan 29 '08 #5

Death Slaught
100+
P: 1,137
I do but where I am currently the server (which isn't mine and not worth getting sued over) blocks FF because it isn't allowed through the server only the default IE..... it also blocks any website that trys to connect to a server, and it blocks messenger. So i'm forced to use the browser I loath with a piercing, burning, genocidal passion.

^_^ Death
Jan 29 '08 #6

just a feeling
P: 87
Hi,

As for the first prob, try
Expand|Select|Wrap|Line Numbers
  1. td,tr{ 
  2.     padding: 0; 
  3.     } 
Regarding images, set their width. It might solve the prob.
Jan 30 '08 #7

YarrOfDoom
Expert 100+
P: 1,247
Hi,

As for the first prob, try
Expand|Select|Wrap|Line Numbers
  1. td,tr{ 
  2.     padding: 0; 
  3.     } 
Regarding images, set their width. It might solve the prob.
Didn't help, and as for the imges, they're cell-backgrounds (except for the one in the left-top-corner).
Jan 30 '08 #8

YarrOfDoom
Expert 100+
P: 1,247
Problem solved. I just had to set the cellspacing-attribute of my table to 0.
Jan 31 '08 #9

Post your reply

Sign in to post your reply or Sign up for a free account.