css prob :(

Decode · 22-02-2007, 11:04 AM

How do i get the border on the left an right not transparrent?
the code is:

HTML Code:

<div style="width:270;color:black;background:white;border-left:1px solid #000000;border-right:1px solid #000000;filter:alpha
(opacity=50)">Test</div>

+Rep For Help

~~Blob~~ · 22-02-2007, 11:06 AM

You made the opactiy 50%? - Probs not lol

Decode · 22-02-2007, 11:07 AM

Originally Posted by Blob

You made the opactiy 50%? - Probs not lol

i know, i want the box to be 50% and the border to be 100%

Drompo · 22-02-2007, 11:32 AM

Code:

<style type="text/css">
<!--
.Test {
    position:absolute;
    left:55px;
    top:31px;
    width:270px;
    z-index:1;
    color: #000000;
    background-color: #FFFFFF;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    border-right-width: 1px;
    filter: alpha;
}
-->
</style>
</head>

<body>
<div id="Test">Text</div>
</body>

That What you mean

nets · 22-02-2007, 11:35 AM

HTML Code:

<div style="width: 270px; border: 1px solid #000000; border-top: none; border-bottom: none;"><div style="width: 100&#37;; color: black; background-color: white; filter: alpha(opacity=50); opacity: 0.5;">Xyzzy</div></div>

There's most likely an easier way, such as using a semi-transparent PNG image as a background (however, I'm unsure how legacy IE browsers would render such a page).

Decode · 22-02-2007, 11:47 AM

drompo and nets i +reped u. problem is fixed, ty

Thread: css prob :(

Thread Tools

css prob :(

Posting Permissions