PDA

View Full Version : Layer positioning


Mik
05-10-2007, 12:38 AM
Gday all,

This's wierd; if you have a look at this page I've done (http://www.jdaprintrecruit.com.au/Contact.html) using just a .gif as background and the email address as a layer, the layer containing the address seems to shift around the place, and different spots using different browsers. i.e; in PC IE it generally seems to be in the correct spot - next to 'Email:', but when viewed in Safari, Firefox or IE on a Mac it'll go down and to the left and down and to the right!
I have actually posted a thread on this layer issue some time ago but the site wasn't live at that point and so when I was just previewing on my own machine I was able to position it correctly, but now its live and I've checked the site out a number of different machines and browsers its all over the shop!
In the previous thread I got answered that it'd be something to do with the 'absolute' or 'relative' positioning in the code, I did have a fiddle with this but both didn't seem to fix the issue and make the layer stay where I put it on the page when previewed or when live. Is there another thing I could try? Or would I be doing something wrong with the 'absolute' or 'relative' positioning in the code thing??

cheers,
Mik.

John
05-10-2007, 09:33 PM
Sorry nobodys replied, but I don't think you've done a thing wrong, try searching on google theres plenty of css hacks to get around browser problems. Your link is dead btw.

Mik
05-11-2007, 12:16 AM
I've found the layer option in DW to always be glitchy when it comes to 'real time' positioning (again, unless I'm still doin something wrong), its an awesome concept because it means you can place anything anywhere but its like trying to keep a greased up bowling ball on top of a greased up cannon ball when comes to keeping the layer in one spot when viewed live.

And - link dead??!!! :confused: This aint good! I can actually bring it up myself no worries, I'm in Aus, as is the site's host obviously, I notice you're in the UK, John, don't know if this makes any difference. I'm hoping the whole of the rest of the known world can see the site!!
Can people do me a huge favour and reply weather or not you can view the linked page or not, especially if you're outside of Aus
(don't worry this's not a big plug for the site's company or a porn link or anything, just wanna make sure the site I made for me folks is viewable everywhere!)

Thanx!

chriskq
05-11-2007, 01:12 AM
i can. but im in australia too

edbr
05-11-2007, 01:15 AM
your site should be visible everywhere unless there is some restriction to actually stop it. I checked in FF and the email link is out of line.
The easiest way would be not to use the image as it is all Text, just put the text in the division as well as the mailto link. Or am I missing something?

Mik
05-11-2007, 01:25 AM
Thanx edbr, its probably me who is doing the missing things, believe me, pretty new to all this. I've created this site in a somewhat unconventional way, that is all the pages done in photoshop to get the graphics and text etc that way I want coz I know PS. Then inserted them as an image and used hotspots (bless 'em!) to link everything.
This method has probably got its advantages and disadvantages, but in this case worked for me. But I'm not quite sure what you meant by not using the image as it is all text, and '..just put the text in the division as well as the mailto link.' I'm curious to know coz to fix this would be great

Thanx again,
Mik.

edbr
05-11-2007, 01:40 AM
Heres a simple example for you .
Put this in the head section of a page

<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
-->
</style>


Put this in your body secton

<div id="Layer1">
<p>This is me me</p>
<p>CONTACT ME</p>
<p>TELEHONE ; 555555</p>
<p>e mail ; <a href="mailto:me@mine.com">Here </a></p>

</div>
this will give you a division with the contact details in it.
I am not sure if you get layers and divisions so tell me if I have got this wrong

John
05-11-2007, 01:41 AM
Strange how I can see your website no problem now. So no worries :)

Mik
05-11-2007, 01:53 AM
Ah, awesome, thanx John. Thats good to know as the site is meant to be viewed/used a lot in the UK (thats the idea anyway :mrgreen: )

You burning the midnight oil mate?! 2:55am currently in the UK!? :-D

John
05-11-2007, 03:40 AM
4:40 am now ;) Need to stay up all night, gotta be up early for a long day. I can't just go to sleep.

Mik
05-11-2007, 03:53 AM
You trooper!!

Mik
05-11-2007, 04:01 AM
Heres a simple example for you .
Put this in the head section of a page



Put this in your body secton

<
this will give you a division with the contact details in it.
I am not sure if you get layers and divisions so tell me if I have got this wrong


Thanx mate, I'll check that out :wink:

noobie
05-15-2007, 10:16 AM
Mik, your best bet would be to use the slice tool in Photoshop and then "Save For Web"

I have figured out a way of making all layers stay in place in Dreamweaver but in your case it wouldnt work.