11 replies [Last post]
odedbinnun
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2009-02-03
Posts: 7
Points: 0

Hi there,
I am struggling with this for a couple of days now...I started building a page with a table that fits exactly to the images and layout I designed. everything looked great until I started adding links.

you can have a look at it here:
http://www.odedbinnun.com/newdesign/test.html

the upper left image has a link and as you can see it somehow stretched the cell and the layout has shifted and is not in synch. Its pretty minor but it really destroys the neatness I am looking to achieve.

can anyone hint me on how is it possible to tell the browsers not to change anything in the structure or layout????

as you can see, I tried using some css, but it didn't fully do the work.

I hope I was able to explain myself, and that someone out there knows the secret solution...
thank you very much
Oded

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 25 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Your web site makes my

Your web site makes my computer play music without asking me first. Yech! I won't go back until you tell me you've removed that "feature".

I just happened to be listening to some music at the time and your tune played over the one I wanted to hear. STOP THAT DAMMIT!

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

odedbinnun
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2009-02-03
Posts: 7
Points: 0

music removed

I am deeply sorry for the unintentional intrusion. I took care of it right away!
It would be great if you could have a second look

Thank you very much
Oded

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 25 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

You are using tables for

You are using tables for layout, which is an abuse of tables and is outdated coding practice. Learn to write semantic and valid html, then style and layout with CSS. You can learn about much of this in our "How to" section.

You also have a lot of nasty html syntax errors you need to fix. Valid CSS won't work properly unless you give it valid html to work with.

There is no need whatsoever for any tables to create that layout.

For a new site you should always use a STRICT document type, not a transitional one as you are using.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

odedbinnun
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2009-02-03
Posts: 7
Points: 0

Yep, I get the point, I

Yep, I get the point, I should consider redoing it from scratch... Is there a good resource or tutorial for learning "semantic". Regarding the html syntax errors I must say its really frustrating since I am using the latest dreamweaver software which costs a fortune...

Thnks a lot for your patience,
Oded

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 25 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

odedbinnun wrote:Yep, I get

odedbinnun wrote:

Yep, I get the point, I should consider redoing it from scratch...

It isn't really all that hard - the content of the page isn't a lot at this point. But first you should put all the content you want on the page, then mark it up semantically. Content should always come first because really, that's why people go to web sites in the first place.

Your attitude to my criticisms is refreshingly mature, so you probably shouldn't have too much trouble learning.

Quote:

Is there a good resource or tutorial for learning "semantic".

The "HTML Dog" tutorials are recommended by people who should know. Start with the html tutorials first.

Quote:

Regarding the html syntax errors I must say its really frustrating since I am using the latest dreamweaver software which costs a fortune...

Unfortunately Dreamweaver leads many people astray. It's a decent text editor and I use it myself (an old version they gave me free at work). But never ever use it for layout, and never believe in or rely on the way it renders your code. It is not a web browser.

There are some excellent extensions for Firefox that make validating code not really all that hard a job. The "Web Developer" extension is very helpful and the "HTML Validator" will even validate your code for you though it doesn't make bad code into good code. I will make invalid bad code into valid bad code though.

Also Firebug is an extension that a lot of folks swear by and claim they can't live without.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

odedbinnun
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2009-02-03
Posts: 7
Points: 0

Ok, Thanks a lot, I'll go do

Ok, Thanks a lot, I'll go do my studies and come back with hopefully a clean semantic written page with css layout...Smile

odedbinnun
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2009-02-03
Posts: 7
Points: 0

Hi Ed, As generously advised

Hi Ed,
As generously advised by you, I took 2 days to learn proper (modern) html + css and I redesigned my web page.

http://www.odedbinnun.com/

It would be really great if you could have a peek and tell me how I did and what stuff isn't as efficient or well designed as it could be

The javascript part is something I just copied as is from a different site, so I don't really know how to deal with the validation errors that dreamweaver found in it.

and one specific question if I may, in line 132 (the "menu" div) I had to put everything in one string, because when I separate it to lines (for each image) somehow it affects the layout. why is that? I thought that spacing and breaking lines in the code should not affect the design....

All the best,
Oded

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 4 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

WHY WITH THE AUTO PLAYING

WHY WITH THE AUTO PLAYING CRAP?! :jawdrop: Sick :curse: :mad:

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

odedbinnun
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2009-02-03
Posts: 7
Points: 0

ooops! I disabled it! ... I

ooops! I disabled it!
... I forgot you guys hate this thing, sorry.

Hope you will still want to peek

Best,
Oded

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 4 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

odedbinnun wrote:ooops! I

odedbinnun wrote:

ooops! I disabled it!
... I forgot you guys hate this thing, sorry.

Hope you will still want to peek

Best,
Oded

It's not just us. It's in general.
Why barrage or force your users to listen/see/hear something.
Let your user decide how your site should work. If they want the video to play, they'll click the play button.
You don't know if your user has his sound turned all the way up like I do and then get ear raped by something unexpected.
Will take a look at the site now...

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

odedbinnun
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2009-02-03
Posts: 7
Points: 0

I guess you are right, I

I guess you are right, I will keep it like this,
Thanks