Hej!
Hu gör man sådant här?
Jag vill på mina bilder ha en ram runt dem men det ska se ut som bifogade bilden.
Man kan ju göra bilderna så i photoshop, men jag vill inte göra om alla bilderna på hemsidan.
Någon som vet hur man löser detta med css???
Linje runt en bild med css
16 svar · 617 visningar · startad av mackanz
Lägg bara till en border på bilden.
img.bild {
border: 1px solid black;
padding: 2px;
}
Väldigt enkelt. :)
tackar, tänk så enkelt.
Har sökt men inte hittat.
Tusen tack!!!!
Accepto!
I bland förhastar man sig. det har jag gjort nu. Jag acceptea svaret utan att först testa.
Jag får inte detta att fungera.
Jag får en ram kring bilden men ingen padding. vad är det som är fel?
http://www.markuz.se/test/test.htm
http://www.markuz.se/test/global.css
Har Intenet Explorer 6.0
Du har ju samma bakgrundsfärg som bordern. Byt.
Funkar fortfarande inte.
Lägg till en doctype som triggar standards mode i IE6. Tex den här:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Nu fungerade det till viss del.
Vet ni också varför delar av min css slås ut när jag sätter dit:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Det som händer är att rullningslisten bland annat blir grå och ful.
Tar jag bort Doctypen så funkar allt untom ramen till bilderna.
Kan det ha med att css-filen int är helt ok?
Har aldrig varit med om detta förut.
http://www.markuz.se/dansband_om.htm
http://www.markuz.se/global.css
Du har en hel del fel i css
bordercolor ska vara border-color
färger måste ha #framför
du har två stycken } efter sig under img.bild
det saknas ; på några ställen.
så bör du nog lägga in denna också i din header. Sidan går inte att validera.
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
För att färga rullningslisterna i IE6 i standards mode måste du selektera html istället för body. Om du vill att det ska funka i båda lägena kan du selektera båda:
html, body { /* scrollbar-krims-krams */ }
hur menar du med att selektera?
kan någon ge mig mer utförligt exempel?
ok, löste det. tack så mkt