PDA

View Full Version : different outlook in dreamweaver and internet explorer....


fattat
03-08-2009, 02:11 PM
i create this bookmark button in my dreamweaver,
when i open it in my internet explorer browser,
the menu appear in well condition,

http://img10.imageshack.us/img10/8300/picture7txe.png (http://img10.imageshack.us/my.php?image=picture7txe.png)



but in my dreamweaver,
the button doesnt appear,
http://img124.imageshack.us/img124/2861/picture9.png (http://img124.imageshack.us/my.php?image=picture9.png)
how to fix this problem,
it make me hard to see the real result...!!

fattat
03-08-2009, 02:14 PM
this is the script for bookmark button

@charset "UTF-8";
/* CSS Document */

body {
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:url(images/main_bg.gif) 0 0 repeat-x #fff;
color:#9F9F9F;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
margin:0; padding:0;
}
ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0;
line-height:0;
}
.spacer{
clear:both;
font-size:0;
line-height:0;
}

/*------------------------------------main-------------------------------------------*/
/*------------------------------------top-------------------------------------------*/
#top{
width:900px;
margin:0 auto;
background:url(images/main_bg.gif) 0 0 repeat-x;
height:32px;
padding:15px 0 0 0;
}
#top a.bookmark{
display:block;
background:url(images/bookmark_bg.gif) 0 0 no-repeat;
width:123px;
height:22px;
padding:0 0 0 24px;
font:bold 11px/22px Arial, Helvetica, sans-serif;
background-color:inherit;
text-decoration:none;
float:left;
margin:0 22px 0 0;
}
#top a.bookmark:hover{
color:#000;
background-image:inherit;
}

davidj
03-09-2009, 01:18 AM
all that for a button!

Ricky55
03-09-2009, 01:13 PM
That's exactly what I thought.

This should be done with the image replacement technique.