html - 2 bordere på 1 div, hvordan? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #12118 @ 24.05.09 15:34

Hejsa, jeg er igang med at sætte et design op hvor der er 2 bordere på en ramme, hvordan ville i løse den opgave?, jeg har prøvet med det her

HTML:

HTML kode

 <div class="border_ramme">
 <div id="venstre_menu"></div><!-- venstre_menu -->
 </div><!-- border_ramme slut -->

CSS:

CSS kode

 .border_ramme {
     height: auto;
     width: auto;
     border: 1px solid #d7d7cb;
 }#venstre_menu {
     background-color: #f0f1ec;
     float: left;
     height: 400px;
     width: 300px;
     border: 1px solid #FFF;
 }

Bruger #11328 @ 24.05.09 15:44

1.323

CSS kode

 .classOfDiv
 {
      border: 1px double #d7d7cb;
 }

EDIT: Tjek Border-style

Indlæg senest redigeret d. 24.05.2009 15:44 af Bruger #11328

Bruger #12118 @ 24.05.09 16:29

men hvordan får jeg 2 farver på?

Bruger #11328 @ 24.05.09 17:00

1.323

Hvad er det du vil prøve at opnå?

Så bliver du nød til at have en inner div og en outer, og så sætte en border på dem begge.
Husk at lægge noget padding på den yderste.

Bruger #11386 @ 24.05.09 18:09

503

Det er også det han har haft gang i

CSS kode

 #outer
 {
     width: 400px;
     height: 600px;
     border: 1px solid blue;
     padding-right: 2px;
     padding-bottom: 2px;
 }
 
 #inner
 {
     width: inherit;
     height: inherit;
     border: 1px solid black;
 }

HTML kode

 <div id="outer">
     <div id="inner">
         Indhold
     </div>
 </div>

Der er 2px padding på for og få borderen synlig

Indlæg senest redigeret d. 24.05.2009 18:11 af Bruger #11386

Bruger #12118 @ 24.05.09 18:52

Tak for hjælpen, har bare det problem.. IE7 forstår det ikke, og laver bare en hvid border øverst, kan ses her: http://ziimx.zeekoo.dk/phoor/

2 bordere på 1 div, hvordan?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler