Avatar billede mpjc Nybegynder
29. august 2005 - 17:20 Der er 11 kommentarer og
1 løsning

Css-border

Jeg er ved at "ombygge" min hjemmeside i css, dog har jeg lidt problemer med css og border.

Er noget frem til dette synes bare ikke det hjælper.

#top {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 84px;
    background-color: #FFFFFF;
    padding: 10px;
    border-left-width: 1;
    border-right-width: 1;
    border-top-width: 1;
    border-left-color: #CCCCCC
    }

#indhold {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    background-color: #FFFFFF;
    padding: 10px;
    border-left-width: 1;
    border-right-width: 1;
    border-left-width: #CCCCCC

}

#footer {
    background-color: #FFFFFF;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    clear: both;
    padding: 10px;
    border-left-style: 1;
    border-right-width: 1;
    border-bottom-width: 1;
    border-left-color: #CCCCCC
}

Håber på en kan lave css koden så jeg får;

Toppen med flg: kant til højre, venstre og i toppen.
Indhold med flg: kant til højre og venstre.
Footer med flg. kant til højre, venstre samt i bunden.
Avatar billede roenving Novice
29. august 2005 - 17:29 #1
#top{
/*...*/
    border: 1px solid #ccc;
    border-width: 1px 1px 0 1px;
}
#indhold {
/*...*/
    border: 1px solid #ccc;
    border-width: 0 1px;
}
#footer {
/*...*/
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px;
}
Avatar billede soundgarden Nybegynder
29. august 2005 - 18:01 #2
Du har skrevet:        border-left-style: 1;
Dette skal ændres til:     border-left-style: solid;

Dernæst skal dette:    border-left-width: 1;
Ændres til dette:      border-left-width: 1px;

Ellers:            border-left-color: #CCCCCC;


.top {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

Frank
Avatar billede roenving Novice
29. august 2005 - 18:04 #3
>>soundgarden

Dine 12 linjer kræver kun de 2 linjer, jeg skrev for en ½ time siden !-)
Avatar billede soundgarden Nybegynder
30. august 2005 - 12:49 #4
Nå det må du sørme undskylde roenving.... - jeg svarede jo bare på hvad han manglede i den kode han selv havde skrevet..
Avatar billede roenving Novice
30. august 2005 - 12:53 #5
*lol*

-- jeg var også forundret over, at du skrev et forslag så længe efter at jeg var kommet med et (og det er iøvrigt ikke indstillet på den måde mpjc har ønsket !-)

-- men jeg ønskede også at gøre dig opmærksom på de kort-former, som alt andet lige kan gøre et stylesheet adskilligt mere overskueligt !o]
Avatar billede roenving Novice
30. august 2005 - 12:54 #6
-- hov, der havde jeg zq overset din -style:none; men hvadfor skal der så sættes farve og bredde på den kant ?-)
Avatar billede mpjc Nybegynder
30. august 2005 - 19:28 #7
Er ret ny på forumet, hvorfor kan jeg ikke give roenving sine point?
Avatar billede roenving Novice
31. august 2005 - 03:25 #8
Jeg forventer, at der oftest er afklarende spørgsmål, så jeg venter som regel med at lægge et svar, til den slags er afklaret !-)

Velbekomme '-)

-- og måske kan du bruge linket til faq'en: http://expfaq.1go.dk !o]
Avatar billede mpjc Nybegynder
12. september 2005 - 19:11 #9
Hej!

Jeg trykker hele tiden Accepter, dog uden at det hjælper... Hvad gør jeg...
Avatar billede roenving Novice
12. september 2005 - 22:54 #10
Du skal huske at markere navn(e) i boksen til venstre (kig også på linket !-)
Avatar billede mpjc Nybegynder
13. september 2005 - 14:35 #11
Nu har jeg vist markeret det... kan du se om det hjalp "roenving"
Avatar billede roenving Novice
13. september 2005 - 14:49 #12
Jo, tak, det hjalp ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester