This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > May 2005 > borders problem





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author borders problem
bastardx

2005-05-25, 7:58 pm


hi
Can I remove double border of crossing/concat divs ?
here is my html


<html>
<head>
<title></title>
<style type="text/css">
..celldiv {
border: 1px solid #003399;
padding: 2px 2px 2px 2px;
}
</style>
</head>
<body>

<div class="celldiv">one</div>
<div class="celldiv">two</div>
<div class="celldiv">three</div>
<div class="celldiv">four</div>
</body>
</html>


Spartanicus

2005-05-25, 7:58 pm

"bastardx" <bastardx@S-P-A-Mop.pl> wrote:

>Can I remove double border of crossing/concat divs ?


..celldiv {
border: 1px solid #003399;
border-top:0;
padding: 2px 2px 2px 2px;
}
..celldiv.top{border-top:1px}

<div class="celldiv top">one</div>
<div class="celldiv">two</div>
<div class="celldiv">three</div>
<div class="celldiv">four</div>

--
Spartanicus
bastardx

2005-05-25, 7:58 pm


Uzytkownik "Spartanicus" <invalid@invalid.invalid> napisal w wiadomosci
news:fg0991h0uor0s3cdp1bvlqvldtckb0c4po@news.spartanicus.utvinternet.ie...
> "bastardx" <bastardx@S-P-A-Mop.pl> wrote:
>
>
> .celldiv {
> border: 1px solid #003399;
> border-top:0;
> padding: 2px 2px 2px 2px;
> }
> .celldiv.top{border-top:1px}
>
> <div class="celldiv top">one</div>
> <div class="celldiv">two</div>
> <div class="celldiv">three</div>
> <div class="celldiv">four</div>
>

it doesn't work


Spartanicus

2005-05-25, 7:58 pm

"bastardx" <bastardx@S-P-A-Mop.pl> wrote:

>it doesn't work


Change
[color=darkred]

To
[color=darkred]

--
Spartanicus
bastardx

2005-05-25, 7:58 pm


Uzytkownik "Spartanicus" <invalid@invalid.invalid> napisal w wiadomosci
news:fg0991h0uor0s3cdp1bvlqvldtckb0c4po@news.spartanicus.utvinternet.ie...
> "bastardx" <bastardx@S-P-A-Mop.pl> wrote:
>
>
> .celldiv {
> border: 1px solid #003399;
> border-top:0;
> padding: 2px 2px 2px 2px;
> }
> .celldiv.top{border-top:1px}
>
> <div class="celldiv top">one</div>
> <div class="celldiv">two</div>
> <div class="celldiv">three</div>
> <div class="celldiv">four</div>
>



You right it works but can I do without adding celldiv top ?


boclair

2005-05-25, 7:58 pm

bastardx wrote:
> Uzytkownik "Spartanicus" <invalid@invalid.invalid> napisal w wiadomosci
> news:fg0991h0uor0s3cdp1bvlqvldtckb0c4po@news.spartanicus.utvinternet.ie...
>
> it doesn't work


..celldiv {
border: 1px solid #003399;
border-top:0;
padding: 2px 2px 2px 2px;
}
..top {
border-top: 1px solid #039;
}

Louise
Spartanicus

2005-05-25, 7:58 pm

"bastardx" <bastardx@S-P-A-Mop.pl> wrote:

>You right it works but can I do without adding celldiv top ?


Not if you want it to work in IE.

--
Spartanicus
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews