Web design issues

[DavejWeiner]

Hey all..

If you didn't know, I do my own web work. I'm a VERY novice designer (as you can probably tell hehe).

Most of the time, I can figure out what I want to do and make it happen one way or another but there's a problem on my site that has halted me from updating the rest of the pages with the newer design template.

If you go to the store.. www.daveweiner.com/store.html ... and you mess with the sizing of your browser, you'll notice that the background image moves while the text does not.

If ANYONE knows how to fix this problem, please let me know.

Thanks!

Dave

[darren wilson]

Hey, Dave

Your text is set inside a layer that's set to absolute positioning:

<div id="Layer1" style="position:absolute; left:391px; top:153px; width:354px; height:25px; z-index:1">

Change that to:

<div id="Layer1" style="position:relative; width:354px; height:25px; z-index:1">

... and see what happens.

[DavejWeiner]

Hey Darren.

Thanks for the suggestion. Unfortunately, that didn't work. It's amazing to me how a simple layer with some text can be so much trouble.

I tried to do "convert layer to table" in which case, yes the text now does re-align itself as the page is resized. However, dream weaver says that after the layer is converted, it can no longer be in front of or on top of another image, so now the text automatically gets put at the top of the page and pushes the image to the bottom. I can't win!

Again, any suggestions are appreciated.

Dave

[webguy]

Ok Dave Here We Go,

I don't use Dreamweaver but I have worked with it some. From what I remember it is alot like Namo Webediter which is what I use. First you must create a layout table. Best to make this 750 pixels wide by what ever lenght you want. I almost always make it 1000 pixels in length. This gives you a good amount of space and it will view at all resolutions except 640 in which case these people need to get out of dark ages. Then create your background image in photoshop or any good image editor. Make this the same size as your Layout table. Keep it's size at no more than 30k for fast downloading. Then you can add this as your background to the layout table. Now you can use layout cells within the layout table for pics, text, nav bars, etc. . This will be using exact pixel placement which will keep every thing where you place it. Make sure you set the layout table for the center of the page. This keeps you from having to do all that slicing of images which creates problems like you are having now. For an example: Look at my site at www.billystewart.com most of the design you see is one image placed in the background of the layout table the rest are in layout cells that I can place anywhere I want. Hope this helps If not e-mail me and I will load dreamweaver and see if I can solve your problem.

Webguy

[darren wilson]

Dave: It looks like your method of working in ImageReady to lay out the site and then slicing it up and importing it into Dreamweaver to add linnks and text is resulting in a kludgy mix of tables and layers (<div>s). Floating-centred layouts are a big headache, and table-based layouts are rapidly becoming a thing of the past.

I know what you're trying to do, but Dreamweaver/ImageReady isn't achieving it in a very elegant way for you. If you aren't sure about what you're doing in the HTML and CSS, i don't know if a long-winded explanation of how to fix it would help.

[RSVampire]

if I'm not mistaken you can change the pixels that are binded to the text and make them %'s. Like the Pictures you can have a picture that takes up "640x480" pixels on the page and when you change the size of the brower it won't change. But if you say the picture takes up "30%" of the screen, whenever you make the brower smaller it shrinks the image to 30%. I'm not sure if there is an option like that with Text.

[BlackKnight]

Right, I have sorted your problem. Download the page i have created and load it in dreamweaver. You will need to modify some of it cos i only had that page to work with but you should be able to just copy/psate the table i created into the site (dont forget to upload the new cropped images).

BTW I just poped into this site cos i saw you play at G3 in the BIC in bournemouth and thought it was wicked.
-->New Store Page<--

[DavejWeiner]

Hey man.

Thanks very much. I'm curious.. how did you fix the problem?

Dave

[BlackKnight]

I just created the tables to mimic the page layout you wanted, cropped the images so they would fit into table cells and the rest of the stuff was just removed from the page and dropped in. Using layers isnt usually a very good idea unless you want to add interactivity to your pages (as layers can be hidden until the user does something). Plus tables can be used to keep everything inplace(such as the text etc...).

I hope the page i created was ok. If you want any other help just just email to get a quick responce or post here, I do this for a living so i can answer pretty much anything to do with coding. Btw im assuming you know some of your pages arnt loading.

[DavejWeiner]

Hey BlackKnight.

Could you please email me. I have a few questions for you.

Thanks.

Dave

[BlackKnight]

done