FRIHOSTFORUMSSEARCHFAQTOSBLOGSCOMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Dreamweaver 8 Question





reddishblue
Is there any way to make images move over each other, as in, say there is image one which will be the back for the rest of the site, I want a nav bar to be on top of image one, could someone tell me how to do it.
billybob
do you mean as in a background image? that can easily be done..
reddishblue
Well...How?
yjwong
You can easily do a background image by using the following CSS code:

Code:
body {
    background: url('/path/to/image');
}


Where /path/to/image is the path to the image file on your server. This can be a relative or absolute URL (with http:// or without).

As for the navigation bar, there are a few ways to do it. I'm not sure what type of navigation bar you want, though...
akshar
Quote:
you can use layers for each different image and do your work
billybob
Quote:
You can easily do a background image by using the following CSS code:

Code:
body {
background: url('/path/to/image');
}


Where /path/to/image is the path to the image file on your server. This can be a relative or absolute URL (with http:// or without).

As for the navigation bar, there are a few ways to do it. I'm not sure what type of navigation bar you want, though...


That is one way but by the sound of it he wants it behind a certain part not the entire page like the above code would do.. so from what i understand that you want you would have to apply the above code to a <div> that contains the images/objects that you want it to be behind.

Hope this helps
Ryan
Macko112
Set the <td> to the size of the image u want behind. Then in the properties tab, set the behind image as the <td> background. Then for the image you want on top, just do it as you normally would when importing an image.
blueray
You could try the absolute position of css to do this.

Please let me know this works for you situation.
Thanks

Eric,

Code:

e.g
.outsideblock {
    position: absolute;
    left: 200px;
    top: 200px;
}

or use relative position of css, if insides other elements.

e.g.
.insideblock {
    position: relative;
    width: 500px;
    left: 10px;
    top: 0px;
}

<html>
<style>
.outsideblock {
    position: absolute;
    left: 200px;
    top: 200px;
}

.insideblock {
    position: relative;
    width: 500px;
    left: 10px;
    top: 0px;
}

</style>
<body>
<h2>Absolute Position</h2>
<div class="outsideblock">
   <span>image tag go here</span>
</div>

<hr/>

<table align="center">
<div style="width:100px">
   <div class="insideblock">
       <span>image tag go here [ inside block ]</span>
   </div>
</div>
</table>
</body>
</html>
dedicatedtolkien
I would recommend going to http://www.alistapart.com/articles/multicolumnlayouts, and working with the css coding that they have there. You should be able to make it work pretty well with just a few minor tweaks.[/url]
budazz
yeah css is the best way to do it......try also http://cssbeauty.com and http://csszengarden.com best websites for css
Related topics
[Official] Best PHP Editor
Difference between PHP and HTML docs
Macromedia Dreamweaver 8.0
Dreamweaver 8 and Changing Fonts
[CPU] - Dreamweaver 8
wierd Dreamweaver Problem
Dreamweaver or Golive?
Dreamweaver help - not wygiwys
Macromedia DreamWeaver 8.0 plugins?
I have this problem with dreamweaver 8... can u help?
Dreamweaver MX vs. 8 help
Website Designer?
[HELP]conexión base datos con dreamweaver 8
dreamweaver 8 php plugin
Reply to topic    Frihost Forum Index -> Computers -> Software

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.