Dreamweaver Layer + Links problem

[gazzip]

Hi, I have a couple of different problems I'm struggling with in Dreamweaver, I am not a coder and usually use WYSIWYG view in Dreamweaver.

First problem is with a layer

I have put in a layer but I need it to stay exactly where I put it within the page, when the page is viewed in a wider browser the layers position moves in relation to the page behind it.

I'v tried all the settings I can see in Dreamweaver but nothing has worked so far so any help would be great :tu:

This is all the code from the layer at the moment:

<div id="Layer1">
<div align="right"><img src="images/top-home-nav.jpg" width="762" height="132" /></div>
</div>

Anyone know what code I can use/add to make it stay put ?

..................

Second question about link colours(colors) in a different section

I have changed the Page Properties and set the Links to a blue colour, this is fine for most the page but I have one line of links below the page table which are in a Div tag but I would like to have those links permanently WHITE as the page has a coloured background (which may change colours on other pages)

This is the code for the div tag (I'v replaced the words with the word "NAME".)

<div align="center"><span class="style8"><br />
<strong><span class="style6">THEWEBSITE.COM - NAME HOTELS - NAME FERRY CROSSINGS <br />
NAME - NAME, NAME, NAME, NAME, NAME </span></strong></span><br />
<br />
</div>

Is it possible to just change the link colours in a single div tag ?

Thanks, sorry if this is tricky to follow but I really have'nt got a clue about hand coding atm.



.

 

[nasaboy007]

to do this you may have to hand code.

for the moving div:
open up your css file (should be somewhere by the html file)
find #Layer1
inside the curly braces, it may have somethign like position: relative. change relative to absolute, and if its not there, add position: absolute. you may have to add some different positioning values like top: 10px, left: 10px, right: 10px, bottom: 10px (the 10px can be replaced with any number followed by px - indicating number of pixels). make sure you separate each line by a semicolon.


for the link colors, add id="SOMEUNIQUENAMEHERE" to your div tag (like you have above), then in your css file again, put:

a:link div.SAMEUNIQUENAMEASIDHERE {
color: black;
}

 

[gazzip]

to do this you may have to hand code.

for the moving div:
open up your css file (should be somewhere by the html file)
find #Layer1
inside the curly braces, it may have somethign like position: relative. change relative to absolute, and if its not there, add position: absolute. you may have to add some different positioning values like top: 10px, left: 10px, right: 10px, bottom: 10px (the 10px can be replaced with any number followed by px - indicating number of pixels). make sure you separate each line by a semicolon.


for the link colors, add id="SOMEUNIQUENAMEHERE" to your div tag (like you have above), then in your css file again, put:

a:link div.SAMEUNIQUENAMEASIDHERE {
color: black;
}

Hi, thanks for the feedback
There is'nt a css file next to html file but there is a properties box for the layer, I have already tried all the options in there which are, relative, absolute, fixed, static, inherit and each ones still has the same problem of the layer moving when its shown in a wider browser.

I'v just uploaded the page as it might be easier to see what I mean, its the box with the 4 images in it, I need it to stay about 1 inch from the right hand side of the page edge. I think it has something to do with the page being centred but I'm not sure.

Take a peak and see if you notice where I screwed up, you'll need to change the size of the browser window to see it moving - Link Here

Thanks


.

 

[gazzip]

I still have'nt figured it out yet after lots of searching and trying different things, it has to be due to the page being centred. 100 NP's if you can help me sort it.

...any other ideas ?


Thanks :tu:



.

 

[smghost001]

in dreamweaver the css could be in the head of the html file..

Best thing to do would be to put ur site in a wrapper:

In css write
wrapper{
margin: 0 auto;
width: 940px;
}

Then in your html right after body add:

<div id=''wrapper''>

And just before </body> add an </div>

That should keep everything in place

 

[gazzip]

in dreamweaver the css could be in the head of the html file..

Best thing to do would be to put ur site in a wrapper:

In css write
wrapper{
margin: 0 auto;
width: 940px;
}

Then in your html right after body add:

<div id=''wrapper''>

And just before </body> add an </div>

That should keep everything in place

Hi, I'v tried following that but I could'nt get it to work, I tried about a dozen times and variations and each time I ended up affecting something else. I'll have to admit defeat (for now) and I will go with leaving the page left aligned instead of centering it.

I'll crack it one day but I'm fed up trying just now

Thanks for your help guys I'v sent you 50NPs each - Thanks



.