webForumDet fria alternativet

Linje runt en bild med css

HTML & CSSur HTML, XHTML & CSS

16 svar · 617 visningar · startad av mackanz

Medlem sedan sep. 2003443 inlägg
Frågan#1

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???

css_linje_hur.jpg
Medlem sedan apr. 200312 679 inlägg
#2

Lägg bara till en border på bilden.

img.bild {
	border: 1px solid black;
	padding: 2px;
}

Väldigt enkelt. :)

Medlem sedan sep. 2003443 inlägg
#3

tackar, tänk så enkelt.
Har sökt men inte hittat.
Tusen tack!!!!

Medlem sedan maj 20021 558 inlägg
#4

Accepto!

Medlem sedan sep. 2003443 inlägg
#5

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

Medlem sedan apr. 200312 679 inlägg
#6

Du har ju samma bakgrundsfärg som bordern. Byt.

Medlem sedan sep. 2003443 inlägg
#7

Funkar ändå inte på något konstigt vis.

Jag får ramen, men inget utrymme mellan ramen och bilden

Medlem sedan jan. 2000978 inlägg
#8
spacing: 5px

Ta bort!

Medlem sedan sep. 2003443 inlägg
#9

Funkar fortfarande inte.

Medlem sedan dec. 20042 245 inlägg
#10

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">
Medlem sedan sep. 2003443 inlägg
#11

Nu fungerade det till viss del.

Medlem sedan sep. 2003443 inlägg
#12

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

Medlem sedan nov. 20051 596 inlägg
#13

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">

Medlem sedan dec. 20042 245 inlägg
#14

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 */ }
Medlem sedan sep. 2003443 inlägg
#15

hur menar du med att selektera?
kan någon ge mig mer utförligt exempel?

Medlem sedan dec. 20042 245 inlägg
#16

Med "selektera" menar jag den här biten:

html, body

Alltså vad du har i din selektor. Just nu har du bara "body"; ändra det till "html, body" så borde det funka.

Medlem sedan sep. 2003443 inlägg
#17

ok, löste det. tack så mkt

138 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)