PDA

View Full Version : Firework and dreamweaver problem


gase3924
02-02-2008, 07:02 PM
Hi all this is my first post here.
I will be very greatfull if you help me out.
I am designing a web page with photoshop, firework, and dreamwaver.
So i have 2 questions practicly like one
I slice the .pdf in Firework in 2 types (iamge and text), so my questions are in Dreamwaver.
1. How to put a text on a image slice in Dreamwaver but in the background still be the image
or
2.How to put a image on a text slice in Dreamwaver in the background of the text slice

Meny thanks

Regards
Ivan

Sorry for my poor english :(

tux
02-02-2008, 08:55 PM
Hello gase3924, welcome to Dreamweaver Club,

Could you attach an image of your design so we can see how you want your page to look.

Regards, Paul

gase3924
02-02-2008, 10:24 PM
http://img215.imageshack.us/img215/893/aaaaaki9.th.jpg (http://img215.imageshack.us/my.php?image=aaaaaki9.jpg)

So i want the text to be in front of the background and, and the other pic alsow. How to do that in dreamwaver or fireworks ??
If i make the slice (in fireworks) of the background img than another on top for the text in dreamwaver alli get is the img and a white space to put text.

Thanks for the replays

gase3924
02-02-2008, 10:40 PM
Or go to http://www.calculatem.com/ and see the uper left red picture(the one with the box) . How to make somethink like that. There is alsow a shadow for the button that i guess is in seperate slice.

Regards

Cary
02-03-2008, 06:50 PM
You can try something like this, but the shadow will need to be part of the image. I've attached the test image I used.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
#test {
background: #999999 url(button.jpg) no-repeat left top;
height: 202px;
width: 302px;
position: relative;
}
#test p {
position:absolute;
left:25px;
top:47px;
width:187px;
color: #000000;
}
#test a {
position:absolute;
left:73px;
top:160px;
width:158px;
text-align: center;
font-size: 20px;
text-decoration: none;
color: #FFFFFF;
}
#test p, #test a {
margin-top: 0px;
}
</style>
</head>
<body>
<div id="test">
<p>This is just a bunch of text to go over the background image and such. It's not really saying or adding anything. It just is.</p>
<a href="#">I Dare Ya!</a>
</div>
</body>
</html>