Settings on styles

[PolarBear]

As you will see with the code below, I want my .fly style (which is just text) to have a border around it, instead the #layer is getting that border around it, any idea why ?

Thank You



#Layer1 {
position:absolute;
width:333px;
height:278px;
z-index:3;
left: 565px;
top: 409px;
background-attachment: scroll;
background-image: url(simple_graphic.png);
background-repeat: no-repeat;
}
.fly {
background-color: #999966;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
}

[onesummer]

please post the html for the area that has the div "Layer1" and the elments that have the .fly class. I'm guessing it has something to do with how the two are layed out in the html... also can you give the link to see it happening?

[PR Design]

You can shorten all that to

background-color: #999966;
border-style: solid;
border-width: medium;

btw.

[PolarBear]

<div class="color" id="Layer2"></div>
<div class="fly" id="Layer1">

I hope that helps the file is offline.

[rossable]

Originally Posted by PolarBear

<div class="color" id="Layer2"></div>
<div class="fly" id="Layer1">

I hope that helps the file is offline.

both styles are being applied to the same element. if you want to seperate them then you need to do something like

<div id="Layer1">
<span class="fly">content</span>
</div>

[onesummer]

do what rossable suggested.