PDA

View Full Version : Halos


marcia
07-13-2010, 03:26 AM
Hi,

Not sure how to correct this problem. Website is www.shoppinginpalmbeach.com
pages having the problem are the index and the bus-tour pages.

Don't know how to eliminate the halos that surround the bus-tour sunburst and the background yelo halos on the bus-tour page. The original artwork was done in AI and Photoshop. Also, little white specs on bus-tour page which are hard to see in the browsers, but I see them in the Preview. I THINK I've tried everything in the book, but cannot correct it. Can anyone?

Site was done in a combination of tables and CSS, as I am starting to work in CSS, but the client wanted corrections in the original tables site (she added the bus-tour).

Am interested in being directed to AI and Photoshop geniuses.

Thanks,

Marcia

edbr
07-13-2010, 03:36 AM
halos?? do you mean borders? just zero borders on images

marcia
07-13-2010, 10:29 PM
thanks - that worked on index page because I could grab the image and just changed it in the properties panel.

However, I've redone the background gif on the bus-tour page many times but can't seem to get the halo out. I'll keep trying. I have zeroed it out in CSS border panel, but nada. I think it has something to do with the text setting - boing just had an idea. Will get back to you if it works.

marcia
07-14-2010, 03:25 AM
Here's the real problem. I cannot seem to use a background image alone on the wrapper, or on the body. They always come up together and I can't separate them. This is a constant problem for me. What to do?

edbr
07-14-2010, 03:30 AM
dont understand what you mean
you can use a background image in any div . give an example of how you are coding it

marcia
07-14-2010, 03:43 PM
body {
width: 1050px;
background-image: url(sunbursBackground.gif);
background-repeat: no-repeat;
background-color: #FD8A18;
}
.busFlyer {
width: 512px;
margin-right: auto;
margin-left: auto;
position: relative;
float: left;
padding-left: 200px;
}
#wrapper {
background-image: url(sunburst.gif);
background-repeat: repeat;
background-color: #FB8B23;
}
.sunBurst {
float: left;
width: 198px;
margin-right: 799px;
}
-->
</style>
</head>

<body>
<div class="busFlyer" id="wrapper"><img src="busFlyer.gif (http://www.dreamweaverclub.com/forum/view-source:http://www.shoppinginpalmbeach.com/busFlyer.gif)" width="665" height="891">
<div class="sunBurst"><img src="sunBurstOnlyOne.gif (http://www.dreamweaverclub.com/forum/view-source:http://www.shoppinginpalmbeach.com/sunBurstOnlyOne.gif)" width="198" height="198"></div>
</div>
</body>

edbr
07-15-2010, 02:44 AM
you add a backgound image to them ad overlay them so yes you will get both.

i would first remove the width from the body
give the width to the wrapper and use margins to position it.
personally i would not use a backckgroud image for the body but wouls position the image absolutely (if you have a fixed margin, for wrapper that is)

marcia
07-15-2010, 10:09 PM
You have given me food for thought. I have consistently thought I was using a main wrapper inside the body and, after viewing some past sites, see that I am not. No wonder my backgrounds get messed up (they're overlayed).

So, I have work to do. Thanks so much.

marcia
07-15-2010, 10:12 PM
p.s. You are one handsome bloke.

edbr
07-16-2010, 02:03 AM
why thank you, my ego feels boosted