9 svar · 654 visningar · startad av Kalle M
Jag har provat att skapa ett id för en bild och lagt in en kantlinje runt en bild och lagt in padding och margin. Funkade. Det som förvirrar mig är ju att jag kan få samma effekt när jag skapar en class och använder classen på bilden.
En class är global och ett ID är knuten till ett objekt. Är det mer en smaksak om man vill använda en class eller skapa ett ID som man knyter till bilden?
Som du skrev, ID är specifierade till ett objekt och ska vara unika per dokument. Även om man kan med de flesta webläsare använda flera per dokument - så är det en grundregel i HTML/XHTML att ID ska vara unikt per dokument.
Class skulle jag inte vilja påstå vara globalt utan det markerar en grupp av objekt, men likadant där att man kan använda class flera gånger i samma dokument.
Smaksak och smaksak.. handlar om att hålla sig till HTML/XHTML och CSS principer, imo.
Men om man gör formatering av en bild och position av bilden på en sida. Ska jag göra en class eller Id för detta?
Vilket lämpas sig bäst?
Om det är 1 bild så kan du ju lika väl använda ID (unikt) men om du ska ha fler bilder med samma namn då är det en klass som gäller för dig.
Det finns ett tredje sätt.
Om du t.ex vill att alla dina bilder ska ha en viss padding inom en viss div eller överhuvudtaget så behövs varken id eller klass.
då kan du skriva
img{}
och inom en viss div
#dindiv img{}
Ok! Så om flera bilder med samma namn så ska jag skapa class alltså.
Men om jag vill ha flera bilder med denna formatering (Om det är olika bilder)
Ska jag göra ett id för varje bild eller en class?
namn var kanske fel val av mig. Om du vill att fler bilder ska bete sig lika så ska du köra Class annars Id.
Japp! Tackar så mkt för svaren.
En snabb fråga till innan jag avslutar tråden:
Har en bild i en tabell ..jag har satt padding och margin på bilden och det funkar men när jag sedan ska sätta nån slags position på bilden så rubbar den sig inte. Kan jag inte göra detta när den ligger i en tabell?
Kalle M skrev:
Ok! Så om flera bilder med samma namn så ska jag skapa class alltså.
Men om jag vill ha flera bilder med denna formatering (Om det är olika bilder)
Ska jag göra ett id för varje bild eller en class?
Hur menar du "bilder med samma namn"? Du kan inte ha flera filer med samma filnamn.
Men så här är det:
Har du många grejer på samma sida som ska ha samma formatering så gör du en class.
<body>
<img src="bild1.jpg" class="minBildStil">
<img src="bild2.jpg" class="minBildStil">
<img src="bild3.jpg" class="minBildStil">
<img src="bild4.jpg" class="minBildStil">
</body>
Har du en grej på sidan, så kan du göra ett id...
<body>
<img src="bild4.jpg" id="minBildStil">
</body>
.. ELLER en class.
<body>
<img src="bild4.jpg" class="minBildStil">
</body>
