Layers problem need some help!

This is a discussion on "Layers problem need some help!" within the Web Page Design section. This forum, and the thread "Layers problem need some help! are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Sep 12th, 2006, 21:51
New Member
Join Date: Sep 2006
Location: Australia
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Layers problem need some help!

I am trying to make the page: http://franceapartments.orgfree.com

There are several hotspots on the right "Apartments in Paris" "Apartments and houses in france" etc which are being covered by Layer5 which contains the tables and text on the right.
Because the layer is covering them the hotspots don't work. Is there anything I can do about this??
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Sep 12th, 2006, 22:02
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

The way to get rid of your problem is to structure your html properly.

You need a DOCTYPE.

Get rid of all the tables being used purely as layout devices and structure your layout with divs.

Put your css into a seperate file and <link... it into your html pages. Likewise with any JavaScript.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Sep 12th, 2006, 22:04
New Member
Join Date: Sep 2006
Location: Australia
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

I cannot do that.
Are you telling me there is absolutely no way to do it while leaving the tables there?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Sep 12th, 2006, 22:12
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

Quote:
Originally Posted by strangejuice View Post
I cannot do that.
Why not?

It's the common sense thing to do and it's good coding practice.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Sep 12th, 2006, 22:18
New Member
Join Date: Sep 2006
Location: Australia
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

Imageready automatically exports the optimised files in table format. I will screw up the allignment of everything if I start from scratch trying to figure out how to use div tags - especially with a deadline ending in 7 hours.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Sep 13th, 2006, 08:58
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

The only thing I can think you can try at this stage is to apply a z-index value to the map to lift it above the tables that are covering it.

I'm sorry to sound so negative but the entire coding of the page is absolute rubbish. Nobody who knows anything about proper coding would dream of doing what you have done.

No one would produce a <map> for what is a list of links. I could go on.

If my suggestion does work, then consider it a stop gap and get the job done properly.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Sep 13th, 2006, 09:03
New Member
Join Date: Sep 2006
Location: Australia
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

"I'm sorry to sound so negative but the entire coding of the page is absolute rubbish. Nobody who knows anything about proper coding would dream of doing what you have done."
Can you check it out now
http:franceapartments.orgfree.com

Not sure why it's rubbish.
I have fixed my problem.
I made the design in photoshop CS2 - exported it to dreamweaver. It is automatically split up into tables. I put it into a layer and centred the layer with CSS by left position 50% and margin left -half its width in pixels.
I then positioned the text boxes in Div's instead of tables and positioned them using the same technique.

If it works it works, I'm not worried if the coding is terrible (I am not a coder) I just make it so it looks right and works right.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Sep 13th, 2006, 13:16
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Layers problem need some help!

Um... 50% and half margins are for vertically centering a layout with CSS not horizontally.

Example of that here: http://www.newbeginningsdesign.com/s.../centered.html

Quote:
If it works it works, I'm not worried if the coding is terrible (I am not a coder) I just make it so it looks right and works right.
That is a terrible mentality and makes me very sad.
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)

Last edited by moojoo; Sep 13th, 2006 at 13:38.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Sep 13th, 2006, 13:47
New Member
Join Date: Sep 2006
Location: Australia
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

Then can someone offer me some suggestions then other than just opinions? Getting really worried here
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Sep 13th, 2006, 13:53
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Layers problem need some help!

Think of it like boxes. That layout is simple so what you need is the following:

[ Masthead ]

[ left column] [ right coloumn ]

[ footer ]

Very simple to do with CSS. Use this sample I whipped up as a reference, in fact feel free to steal it and fill it in with your graphics. All the code is commented so you know where everything is. the CSS is in the HTML file, I suggest removing it and linking to an external .css file etc..

Link: http://www.newbeginningsdesign.com/s...mn_layout.html
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)

Last edited by moojoo; Sep 13th, 2006 at 13:55.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Sep 13th, 2006, 13:58
New Member
Join Date: Sep 2006
Location: Australia
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

"Um... 50% and half margins are for vertically centering a layout with CSS not horizontally."
I'm not sure. I got that tip from an online tutorial via googling.
So as far as I can tell from your feedback is that if you use the dreamweaver design interface or do anything that they say on the dreamweaver tutorials you're doing it all wrong.
And it is hard for me to accept that right now without me being able to see any problem with my naked eye nor with anyone being any more specific other than saying it is terrible.
I need some guidance here.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Sep 13th, 2006, 14:29
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Layers problem need some help!

I just provided you with a base utilizing your current layout scheme. Just because it looks right doesn't mean it is. There are many things to consider and leaving the code generation up to a piece of software is never a wise decision as you don't really know what it is doing. You have to take in account many things such as people with smaller screen resolutions, text only browsers, screen readers, the ability to print the page, view it on mobile devices, the site needs to display in a logical way with or without visual styling, things need to be labeled correctly, i.e. alt tags on images, titles on links and such.

Not to mention that if coded correctly it is far easier to make updates, changes, and modify the site based on needs.

As for centering a layout all you need is margin:0 auto; or text-align:center; on the body element. 50% and negative margins are a bumkus way of going about it.

We are not trying to put you down here, you asked for help and people are giving it. you may not like everything you see but it is all honest to goodness comments and advice. using semantic markup and correct methods you will eliminate the problems and errors you are currently having. These are professionals looking at your work and giving input based on their experiences and knowledge. being as such you will get much more detailed comments and comments that may make you feel attacked or put down. Take it all in stride and see what can be learned from it.
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)

Last edited by moojoo; Sep 13th, 2006 at 14:38.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Sep 13th, 2006, 19:02
New Member
Join Date: Sep 2006
Location: Australia
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Layers problem need some help!

Thanks guys for your helpful replies. I didn't deliberately overlook your post with the http://www.newbeginningsdesign.com/s...mn_layout.html
I didn't see it before I posted. I now see where your coming from. I looked at a few websites with no "no style" and saw that mine looked like a peice of ****.

I am going to have to figure out how to attatch things on an external style sheet, something I have never done before.

Thanks guys for the eye openners.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
layers, problem, help

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Layers WEB Starting Out 7 May 29th, 2007 23:26
layers forry Web Page Design 7 Sep 21st, 2005 08:42
Need help with layers davidsnave Web Page Design 0 Aug 29th, 2005 23:26
Layers chris123 Web Page Design 3 Jun 1st, 2005 07:52
Layers Anyone? gwx03 Web Page Design 15 Nov 22nd, 2003 00:00


All times are GMT. The time now is 21:41.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42