logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Web Design
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 05-08-2008, 04:12 AM   #1
plastcmn2
 
Join Date: May 2008
Posts: 5
Angry z INDEX QUESTION

will the z index of ap elements cause them to move once you view it on the browser? My images are not staying in the same place as when I saved the files. Help.
plastcmn2 is offline   Reply With Quote
Old 05-08-2008, 06:27 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

no, ap divs are positioned absolutely,
Code:
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 93px;
    top: 13px;
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 05-08-2008, 02:36 PM   #3
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

AP=Absolute Positioning
domedia is offline   Reply With Quote
Old 05-09-2008, 05:57 AM   #4
plastcmn2
 
Join Date: May 2008
Posts: 5
Default

Let me give you all a little more detail. I build the site in dreamweaver and it looks perfect. When I preview in a browser, the text has shifted. Here is the site: http://www.stancolienichols.com/www/custom/

Any help is appreciated. Thanks!
plastcmn2 is offline   Reply With Quote
Old 05-09-2008, 09:22 AM   #5
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

you have used absolute positioning on your divisions
Code:
#apDiv {
	position:absolute;
	left:306px;
	top:304px;
	width:329px;
	height:123px;
	z-index:15;
	visibility: visible;
	overflow: visible;
}
so that will remain in those positions (ie 306px from the left ) did you view your page locally before uploading it?
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 05-09-2008, 02:59 PM   #6
plastcmn2
 
Join Date: May 2008
Posts: 5
Default

Thank You Very Much. I will give it a try!
plastcmn2 is offline   Reply With Quote
Old 05-09-2008, 03:56 PM   #7
plastcmn2
 
Join Date: May 2008
Posts: 5
Default

Hi! I tried it and it looks awesome in Firefox! I tried it in Safari and the text is still all over the place. Why would that be? Any suggestions?

Thanks!
plastcmn2 is offline   Reply With Quote
Old 05-09-2008, 09:53 PM   #8
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

it's still positioned absolute, text is outside the flow of the document in Firefox as well.
Looking at the page, I'm not sure if your approach is doable at all. There is no quick fix to this
You just have a large image as you general layout.
http://www.stancolienichols.com/www/...ages/index.jpg
This should really be a background. I think you still have some basics to learn about web design. Look at the tutorial we have on making a wrapper div to center your content in the browser, then start putting all your content in it.
domedia is offline   Reply With Quote
Old 05-14-2008, 03:48 AM   #9
plastcmn2
 
Join Date: May 2008
Posts: 5
Default

Thanks to all for your help. I agree I do need help with the basics. I am still having difficulty with the site but it has improved. Here is the url again:
www.stancolienichols.com. Any further advice or suggestions is appreciated.
Thanks.
plastcmn2 is offline   Reply With Quote
Old 05-14-2008, 04:51 PM   #10
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Everything is still positioned absolutely, which I guess will work fine for you
The only other tip I have for you is too view source no other websites. Check out how they're made so you get a better feel for how web pages normally are structured.
domedia is offline   Reply With Quote
Reply


Thread Tools
Display Modes

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

Forum Jump


All times are GMT. The time now is 10:28 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com