Helps with spacing

[callumacrae]

Okay, I made my template and uploaded it onto the server.

Now there is loads of gaps between the images.

I was using IE when I made it and FF now, but that shouldn't affect spacing, should it?

it is at http://paperforum.x10hosting.com/church

The username is church and the password is saintpeter (to keep away pesky bots)

Thanks if you can help.

 

[Trigintillion]

Sorry, I see a lot of inoperative PHP and nonexistent images.

If you have trouble getting the spacing out from between your images, I suggest you use <div>'s instead of tables (say, <div style="float:right;">).

It also usually works if you set the image as the background of the cell--then there's no spacing between the images. But that makes it harder to make them into buttons, too.

 

[sybregunne]

Sorry I was asked for a username and password So I cannot access your site.

Anyway check your CSS it sometimes causes the gaps because of different implementations between MSIE and FF.

Hope this helps.

 

[scopey]

Remember to try the border-collapse attribute in CSS... A once-over with the inspect module of the Firefox extension Firebug shows me that there is a fair few cells in that layout table. Remember to keep it simple and try using the td attributes colspan and rowspan.

But if you're having this much trouble with table layouts, I would not suggest trying divs. They are a bit of a step up (imo) .

 

[tnl2k7]

Sorry I was asked for a username and password So I cannot access your site.

Anyway check your CSS it sometimes causes the gaps because of different implementations between MSIE and FF.

Hope this helps.

Read the first post in a thread fully before posting! The username and password are given in the first post .

User: church
Pass: saintpeter

I agree with the above, using <table>s for layout isn't a good idea. Your best bet is to use <div>s with the CSS margin and padding attributes set to 0; it works out with less HTML and a tidier structure in the end, even if it's not always easy to get started.

-Luke.

 

[callumacrae]

Sorry, I see a lot of inoperative PHP and nonexistent images.

That's only if you click a link. The main page works. (mostly)

I think I shall use divs. I've never used them before, how would I?

Thanks.

 

[tnl2k7]

That's only if you click a link. The main page works. (mostly)

I think I shall use divs. I've never used them before, how would I?

Thanks.

Well, say you wanted a container with a header, a main body and a footer all inside each other it, you'd use something like this:

<div id="container">
 <div id="header">
  ...header stuff...
 </div>
 <div id="content">
  ...content here...
 </div>
 <div id="footer">
  ...copyright and footer stuff...
 </div>
</div>

Then you could style them with some CSS like this:

#container {
 margin: 0 auto;
 padding: 0;
 text-align: center;
 width: 700px;
}
#header {
 height: 100px;
 text-align: left;
 width: 100%;
}
#content {
 text-align: left;
 width: 100%;
}
#footer {
 height: 19px;
 width: 100%;
}

Hope this helps .

-Luke.

 

[callumacrae]

Thanks, but I can't get 5 divs beside each other

How would I do that?

 

[tnl2k7]

Thanks, but I can't get 5 divs beside each other

How would I do that?

On the CSS definitions for all 5 <div>s, add this code:

float: left;

It makes them all stay on the same line. You could give them a class called 'leftfloat' and add this to your stylesheet to save space if you like:

.leftfloat {
float: left;
}

Hope this helps.

-Luke.

 

[callumacrae]

Thanks.

 

[tnl2k7]

No problem . I'll close this thread now then as it seems you no longer need it open. Feel free to re-open this thread or make a new one if you still need help with this though.

-Luke.

* Thread Closed *