--- title: "En hög med CSS-frågor." type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/133911-en-hög-med-css-frågor" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "K@llen" published: "2005-09-07T17:56:03.000Z" updated: "2006-07-12T22:00:30.000Z" replies: 7 views: 607 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/133911-en-hög-med-css-frågor" --- # En hög med CSS-frågor. ## #1 — K@llen, 2005-09-07T17:56Z 1\. BORDER: Jag brukar skriva så här: ``` border-left:1px solid #ED9B4F; border-right:1px solid #ED9B4F; ``` Alltså definiera varje sida för sig. Jag har sett lite olika varianter på att definiera alla sidor på en gång, med en rad. På vilket sätt ska man skriva då för bäst stöd? 2\. MARGIN/PADDING: Jag brukar skriva så här: ``` margin-left: 5px; margin-top: 0px; ``` Man kan ju säkert skriva allt på en rad har jag sett. Hur skriver man för bäst stöd och vad anger varje siffra i turordningen? 3\. CLASSER/ID FÖR ELEMENT Exempel: ``` div.content {} ``` Definierar klassen content för elementet div. ``` .content div {} ``` Definierar klassen content för elementet div. Skillnaden mot ovanstående exempel är då? ``` #content.archive h4 {} ``` Att jag har ett id, en klass och ett element förstår jag. Men hur hör detta ihop? Permalänk: https://www.webforum.nu/p/133911 ## #2 — zcorpan, 2005-09-07T18:18Z Det mesta hittar du i specen. :) Stödet för shorthand-egenskaperna är väldigt bra, så du kan använda dem utan att oroa dig. ``` div.content {} ``` ...selekterar alla div-element som har ett klassnamn av "content". ``` .content div {} ``` ...selekterar alla div-element som är avkomlingar (descendants) till alla element (vilket som helst) som har ett klassnamn av "content". ``` #content.archive h4 {} ``` ...selekterar alla h4-element som är ättlingar av alla element med ett ID av "content" som också har ett klassnamn av "archive". [SelectORacle](http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py) kan förklara selektorer. :) Permalänk: https://www.webforum.nu/p/1669436 ## #3 — Melea, 2005-09-07T18:19Z 1 & 2: Du skriver ``` border: 1px 1px 1px 1px solid #000000; ``` Då det blir såhär: upp-vänster-ner-höger. Du kan alltså skriva samma sak med margin/padding. Permalänk: https://www.webforum.nu/p/1669437 ## #4 — K@llen, 2005-09-07T18:24Z Tack till er båda. :D Jag sammanfattar zcorpans svar så här: Ju mer jag lär mig, desto mer inser jag hur lite jag kan. ;) Permalänk: https://www.webforum.nu/p/1669440 ## #5 — fiddler, 2005-09-07T18:25Z > **Melea skrev:** > > 1 & 2: Du skriver > > ``` > border: 1px 1px 1px 1px solid #000000; > ``` > > Då det blir såhär: upp-vänster-ner-höger. > Du kan alltså skriva samma sak med margin/padding. Har du inte växlat höger och vänster? :q Permalänk: https://www.webforum.nu/p/1669442 ## #6 — zcorpan, 2005-09-07T18:26Z > **Melea skrev:** > > 1 & 2: Du skriver > > ``` > border: 1px 1px 1px 1px solid #000000; > ``` > > Då det blir såhär: upp-vänster-ner-höger. > Du kan alltså skriva samma sak med margin/padding. Jag tror inte det här är tillåtet... :) > Unlike the shorthand 'margin' and 'padding' properties, the 'border' property cannot set different values on the four borders. To do so, one or more of the other border properties must be used. Permalänk: https://www.webforum.nu/p/1669444 ## #7 — caya, 2005-09-07T18:30Z för att få border runt hela - använd border:1px solid #000; men vill man ha olika stilar för varje sida får man ha flera i css:en. nån som förstod sista meningen? ;) Permalänk: https://www.webforum.nu/p/1669445 ## #8 — K@llen, 2006-07-12T22:00Z > **fiddler skrev:** > > Har du inte växlat höger och vänster? :q Jo, manualen för margin och padding skrev: "If there are four values, they apply to the top, right, bottom, and left, respectively." Om någon nu undrar samma sak som jag undrat en gång. :e Permalänk: https://www.webforum.nu/p/1841881 --- Tråden på webben: https://www.webforum.nu/amne/html-css/133911-en-hög-med-css-frågor