• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 132
  • Last Modified:

layers - moving all of them up

Hello,

I am working on a site that is completely in layers. The customer deleted one of his top items and now I need to move all of the layers below that item up. There's like 50 things in layers -

How do I move them all up?

Bob
0
weikelbob
Asked:
weikelbob
  • 5
  • 3
1 Solution
 
EsopoCommented:
You mean, besides carefully?

I am not aware of any tool that will do that for you. Furthermore you need to manually control were everything goes in order for it to end up placed correctly. Maybe if you post a sample of your page we would be able to provide "creative" solutions.

Best regards,

Esopo.
0
 
weikelbobAuthor Commented:
Let me know if you need the code. Here's the link:
The url is jerseyfever.com/jerseys-d.html
0
 
EsopoCommented:
Bob, I mean absolutely no disrespect, but that's the most ridiculous thing I've seen in this Topic Area (in terms of web design).

What software was used to create that?

I hate it when people are told to remake their work, but the truth is you are much better off remaking this page with proper code than spending countless hours fixing it.
Even if for some reason you still wanted to *fix that code, it would be impractical; information shouldn't be displayed that way (with absolute positioned divs).

That is a very basic page, it shouldn't take you over 90 minutes to remake. You can use tables and/or CSS. If you are not familiar with CSS, and plan on working in Web.Dev. for a while, It would be a good idea to take this page as an excuse to learn some (which shouldn't take that much either).
You can start here:
http://glish.com/css/

and here:
http://www.brainjar.com/css/positioning/default.asp


Best of luck,

Esopo.
0
Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

 
EsopoCommented:
I thought you could use an example. Paste this in a blank html page:

**************************************
<html>
<body bgcolor="#FF0000" text="#FFFFFF">
<div align="center">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="900"><table width="100%" border="0">
          <tr>
            <td width="270"><div align="center"><img src="http://www.jerseyfever.com/smaller-optomized-pics/JFGK02-A-done.jpg"><img src="http://www.jerseyfever.com/smaller-optomized-pics/JFGK2-C.jpg"></div></td>
            <td><table width="100%" border="0">
                <tr>
                  <td colspan="2"> <strong>ITEM# JFGK02 CHRIS CARTER PRO BOWL MITCHELL &amp; NESS JERSEY size 60 </strong><br>
                    <em>YOU ARE LOOKING AT A CHRIS CARTER FORMER MINNESOTA 100% AUTHENTIC MITCHELL &amp; NESS <br>
                    JERSEY EVERYTHING IS STITCHED ON JUST LIKE THEY WEAR ON THE FIELD!!!!!!!! </em></td>
                </tr>
                <tr>
                  <td width="140"><strong> ITEM# JFGK02 </strong></td>
                  <td> <div align="right"><strong>RETAIL $320.00 OUR PRICE $100.00 </strong></div></td>
                </tr>
              </table></td>
          </tr>
        </table>
        <hr>
        <table width="100%" border="0">
          <tr>
            <td width="270"><div align="center"><img src="http://www.jerseyfever.com/smaller-optomized-pics/JFGK3-done.jpg"></div></td>
            <td><table width="100%" border="0">
                <tr>
                  <td colspan="2"> <strong>ARIZONA D-BACKS JERSEY SIZE XX-LARGE </strong><br>
                    <em>YOU ARE LOOKING AT A 2001 ARIZONA DIAMONDBACKS BALL BOY JERSEY ITS BLANK NO NAME JUST SOMETHING TO WEAR NICE! </em></td>
                </tr>
                <tr>
                  <td width="140"><strong> ITEM#JFGK03 </strong></td>
                  <td> <div align="right"><strong> RETAIL $60.00 OUR $30.00 </strong></div></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
  </table>
</div>
</body>
</html>
**************************************


See how the information behaves when you resize the window an compare it to the one you have.
Also, I would rethink the color scheme and the typography.

Esopo.
0
 
weikelbobAuthor Commented:
I'm using Dreamweaver MX 2004, I am revising this page for a customer. I would like to use mostly layers, but I will use tables if necessary.

What is the difference between layer and div tags in Dreamweaver?

Is all absolute positioning bad? When would absolute positioning be useful?

Bob
0
 
EsopoCommented:
Actually a layer in DW is a div. The term layer is applied to information that can be placed over other information. Originally Netscape accepted an HTML tag that was called Layer, hence I try to refer to Div layers as Divs; but DW calls Div positioned elements - layers.

Layers (positioned Divs) are a very powerful tool, but it makes no sense to fill a page with absolute-positioned layers. You loose all the benefits from the HTML flexibility which hurts the users that don't have your exact same screen resolution. I personally only use them in cases when there is no other way to deal with a specific problem, like in advanced layouts.

Tables are still (and will remain to be for a while) one of the most functional layout methods for web. We are trying to change that with CSS but there is a road to go before it is completely embraced. In case you are wondering, CSS is part of the new HTML and layers (divs) are part of CSS.

So, if you feel like doinf everything with layers (divs) then that's just fine, actually, many experts will tell you is the best way to go. I personally like using both (tables and layers).
0
 
weikelbobAuthor Commented:
Thank you very much, you've been a big help
0
 
EsopoCommented:
My pleasure Bob, hope your page comes out great!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 5
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now