Discuss Scratch

liam48D
Scratcher
1000+ posts

Snap! Team development discussion

bharvey wrote:

Okay, here's today's Brian's web problem:

I improved the Examples section of snap.berkeley.edu. It's now a table of thumbnails of projects. The problem is, why is the space between columns 2 and 3 bigger than the space between columns 1 and 2?

TIA.
So, looking at that, there's one thing I don't think you're realizing – HTML is for the content of your webpage, not the styling. For instance, I saw this in the source of the page:

<tr><td>&nbsp;<br /></td></tr>

I don't see any content there – just layout hacks to get it looking right.

CSS is the stylesheets of the web and you should always (if possible) use it instead of HTML to style your content. That means getting the right margins, aligning everything properly, and so on, for example.

Anywho..

Here's what I ended up with after a few modifications:



(For future reference, here's what it looked like before.)

Just to convince you extras, here's my table's code and your table's code. Which one looks more logically correct?

And here's the small amount of CSS I used for getting the styling right:

#projects td {
  width: 20%; /* Helps keep the images more or less the same height */
  text-align: center; /* Totally optional, just looks better IMO */
  padding-top: 20px !important; /* Use this, instead of that weird tr-td-&nbsp;-br combination you have! */
}

Hope this helps.
liam48D
Scratcher
1000+ posts

Snap! Team development discussion

blob8108 wrote:

bharvey wrote:

Are you saying we should just abandon this one and make "Snap! Team development discussion vol. 2"?
This is an excellent idea. Connor tells me the thread is so long it makes the ST's servers have a bother
Yes, please!

I only just noticed it, but now that I have, I'll never not notice how much longer this thread takes to load than pretty much any other thread.

Just compare this 4500 post thread with a thread that has less than 50
BookOwl
Scratcher
1000+ posts

Snap! Team development discussion

liam48D wrote:

blob8108 wrote:

bharvey wrote:

Are you saying we should just abandon this one and make "Snap! Team development discussion vol. 2"?
This is an excellent idea. Connor tells me the thread is so long it makes the ST's servers have a bother
Yes, please!

I only just noticed it, but now that I have, I'll never not notice how much longer this thread takes to load than pretty much any other thread.

Just compare this 4500 post thread with a thread that has less than 50
Yeah, it takes at least 3 to 5 seconds to load, unlike the other AT threads that are practically instantaneous.
scratchisthebest
Scratcher
1000+ posts

Snap! Team development discussion

Jonathan50 wrote:

blob8108 wrote:

This is an excellent idea. Connor tells me the thread is so long it makes the ST's servers have a bother
How are two 200-page threads better than one 400-page thread?
There's a difference between “one 230-page thread being accessed all the time”, and “one 5-page thread being accessed all the time, and then another 230 page thread that's hardly ever accessed.”
Jonathan50
Scratcher
1000+ posts

Snap! Team development discussion

scratchisthebest wrote:

There's a difference between “one 230-page thread being accessed all the time”, and “one 5-page thread being accessed all the time, and then another 230 page thread that's hardly ever accessed.”
But only one page is loaded when you go here, right??
bharvey
Teacher
1000+ posts

Snap! Team development discussion

Okay, here you go: https://scratch.mit.edu/discuss/topic/219464

This topic is hereby officially closed.

PS Thanks, Liam!
comp09
Scratcher
1000+ posts

Snap! Team development discussion

bharvey wrote:

Okay, here you go: https://scratch.mit.edu/discuss/topic/219464

This topic is hereby officially closed.

PS Thanks, Liam!
psst: click the “close topic” button below the reply box

Powered by DjangoBB