16 replies [Last post]
chilly
chilly's picture
Offline
Regular
Last seen: 15 years 5 weeks ago
Joined: 2006-11-28
Posts: 14
Points: 0

hey guys,

ive posted on here a couple times already, and your all great help! The problem i have at the minute isnt (i dont think) css related. but i thought id ask anyways!

I have made a completly graphical website, sliced it up in photoshop + exported into html and inserted 2 navigation bars (basic css rollover). after getting the nav to work properly, i cant get all the tables to sit right - there is a slight gap! everytime i make a change to the tables to correct the problem, it screws somewhere else on the page!

Ive been up and down the code, and i cant find the problem! can u help?

I dont have it online yet, so ive zipped the html, css and images!

http://filexoom.com/files/2006/12/7/47409/Monkeynuts.zip

thanks in advance!

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I don't know about anyone

I don't know about anyone else, but I never download and open zip files from forums. Can you just post your code using the code tags instead?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

chilly
chilly's picture
Offline
Regular
Last seen: 15 years 5 weeks ago
Joined: 2006-11-28
Posts: 14
Points: 0

thats cool, i thought about

thats cool, i thought about uploading all the code, but because its based soley on images... all the tables look like there fine! its only whenu put the images inside them that they all *beep* up!

*scratchs head*

without putting it online i cant think of a way around it...

ill post back with a link...

chilly
chilly's picture
Offline
Regular
Last seen: 15 years 5 weeks ago
Joined: 2006-11-28
Posts: 14
Points: 0

well, no where free will let

well, no where free will let me ftp my files up, and im not manually upload 40 images. so ill just post the html

Monkeynuts - Nottingham Drum & Bass









Welcome to Monkeynuts


Nottingham's Finest Drum & Bass











Monkey's Home...









Home




Flyer




Profiles




Forum




Gallery




Contact




Links




Club Info





The Story Of Monkey











1

2

3

4

5

6

7

8





sorry its messy! do u need the css?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

OK, you persuaded me. I

OK, you persuaded me. I downloaded the attachment and had a look. Removing the height from this:

got rid of the top space in IE. I kinda lost interest after that, sorry, but my guess would be if you remove all the heights from the table cells and instead move them to your CSS and attach them to the elements you're adding the bg-images for, that it might solve the problem.

But then again, it might not cos yours is very much an old school table layout and I haven't done any of those for a while.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

chilly
chilly's picture
Offline
Regular
Last seen: 15 years 5 weeks ago
Joined: 2006-11-28
Posts: 14
Points: 0

Just out of interest, how

Just out of interest, how would u have done it? there is no way i wanna move away from the graphics based design. as i think that most pure html/css looks poo (i just hate the standard fonts!)

As for putting the heights in css - i tried that originally and failed miserably! ill give it another go though!

Nice 1 for getting back to me mate, and thanks for trustin the zip! ill look into different ways of doing tables...

thanks again,

chilly

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 9 years 7 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

Last year, when I made

Last year, when I made table-based sites like yours right now, I decided to stop it and move over to Div-based layouts. This was a pain in the ass sometimes. And at one moment, I really couldn't figure it out, so I decided to create that site table-based. Turns out it screwed up as well, and with pretty much the problem you're describing right now. Things shifting, just a few pixels to get everything out of line. There's seems to be no way of predicting table behavior.

Basically what I'm saying is, take twice or three times the amount of time you need for this site, and start using div's, because really, they rock.

As a rule, I never touch anything more sophisticated and delicate than myself

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

chilly wrote:Just out of

chilly wrote:
Just out of interest, how would u have done it? there is no way i wanna move away from the graphics based design.

You can do your design just as well without any tables. I'm not saying you should (although as this is a CSS forum it's something most would prefer to do), I was just saying that my tables-for-layout skills are so rusty that the advice I gave you might not be that accurate.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

chilly
chilly's picture
Offline
Regular
Last seen: 15 years 5 weeks ago
Joined: 2006-11-28
Posts: 14
Points: 0

i thought that the best way

i thought that the best way to use css was to drop the images into tables as a background image, i didnt know you could achieve the same thing with

's. Im on a college course atm, and we've had tables hammered into us! 'theyre the foundation of the internet' and such...

thanks for your help guys, ill look into it - altho im sure ill be back, scratching my head again...

(by the way, its quality to get advice i can follow! most of my freinds who could help me, tend to confuse me - then do the work for me... which is never productive! thanks:))

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

chilly wrote: Im on a

chilly wrote:

Im on a college course atm, and we've had tables hammered into us! 'theyre the foundation of the internet' and such...

It's amazing how behind the times educational courses are! they seem to care not a jot for standards based practises, and are more than happy to teach extremely outmoded bad practise. beggars belief really!!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Hugo wrote:chilly wrote: Im

Hugo wrote:
chilly wrote:

Im on a college course atm, and we've had tables hammered into us! 'theyre the foundation of the internet' and such...

It's amazing how behind the times educational courses are! they seem to care not a jot for standards based practises, and are more than happy to teach extremely outmoded bad practise. beggars belief really!!
Yeah, it's pretty disappointing really.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Problem is to some extent

Problem is to some extent that this drags , holds back the march of standards and that happy nirvana that we all dream of.

People leaving these courses with degrees or what not are lapped up by companies who think that the qualification must mean everything and so will be accepting to some extent of these bad practises that are passed on.

Educational establishments need to brought to task on the issue and feeble excuses such as 'Takes too long to change syllabus's' just not accepted.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I think there's less

I think there's less likelihood of companies blindly accepting graduates who nothing about standards in the UK these days as from what I can gather PAS-78 is actually having some impact.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

chilly
chilly's picture
Offline
Regular
Last seen: 15 years 5 weeks ago
Joined: 2006-11-28
Posts: 14
Points: 0

to be honest, i dont think

to be honest, i dont think its bad thing that colleges are teaching crap:

Im on a foundation degree course (Hnd) which has had to teach the basics (because everyone on the course are at different standards). this has lead to a large gap between the students, meaning that the crap peeps get the attention, whilst the better people in the group end up teaching themselves...

Lets face it, if everyone was up to the same standards - there would be nothing noteworthy about designers...

could you imagine if every film you watched was just as good, but no better than Face Off! how boring would that be?

besides, i like the idea that i get help off people far away... I dunno, its almost like i have more friends (im not really this sad!)

on a more forum related note, ive been looking at mates codes - and there isnt a table in sight...

how dumb do i feel?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 week 4 days ago
Joined: 2004-06-30
Posts: 9679
Points: 815

chilly wrote:how dumb do i

chilly wrote:
how dumb do i feel?

Don't feel dumb. A great many of us started with table layouts; they were the de facto standard years ago, and only recently have CSS based layouts taken off.

You'll also want to get yourself a doctype Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

chilly wrote:Im on a

chilly wrote:
Im on a foundation degree course (Hnd) which has had to teach the basics (because everyone on the course are at different standards).

Yes but there are old outdated basics and there are more up-to-date basics. When we talk about standards, we're not talking about what skill level different people are at; we're talking about the guidelines laid down by the W3C as to the best practices for web development.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

And those standards have no

And those standards have no impact on the design as such, they do not mean every film is like 'Face off'

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me