Niechciane białe obramowanie wokół zdjęcia w divie

Question

Cześć, w jaki sposób mogę usunąć obramowanie zdjęcia?

Zdjęcie na dwa sposoby wstawiałem na stronę:

1. Przez background-image: url("zdjecie.jpg"); w divie o konkretnym id

2. Przez <img src="zdjecie.jpg"> w tym konkretnym divie.

Wokół zdjęcia jest białe obramowanie. Chciałbym usunąć je. Zaznaczę, że div ma wymiary 100px na 100px i zdjęcie ma takie same wymiary. Próbowałem przez border: none; padding: 0; margin: 0; border-style: none; nic z tego nie działa. Kiedy badam element w Firefoxie widzę wartości 1 1 1 1 dla właściwości border-image-width, ale kiedy w pliku css próbuje wpisać tę właściwość to to nie działa.

Comments

bez kodu źródłowego nic nie zdziałamy

---

<div id="wysun"><img src="jan.jpg" class="zdjecie"></div>

#wysun
{
	width: 100px;
	height: 100px;
	
	
	border: none;
	position: fixed;
	top:0;
	right:-90px;
	margin: 0px;
	padding: 0px;
	border-bottom-left-radius: 30px;
	z-index: 101;
}
.zdjecie
{
	box-sizing: border-box;
	border-image-width: 0 0 0 0;
	padding: 0px;
	margin: 0px;
	border-style:none;
	border: none;	
}

 

---

Albo robiłem jeszcze z background-image: url("jan.jpg"); i też jest takie obramowanie białe wokół.

Answer 1

Witam. A próbowałeś dodać display: block; :)

Comments

tak. nie działa

---

poproszę kod

---

<div id="wysun"><img src="jan.jpg" class="zdjecie"></div>

#wysun
{
	width: 100px;
	height: 100px;
	
	display: block;
	border: none;
	position: fixed;
	top:0;
	right:-90px;
	margin: 0px;
	padding: 0px;
	border-bottom-left-radius: 30px;
	z-index: 101;
}
.zdjecie
{
	box-sizing: border-box;
	border-image-width: 0 0 0 0;
	padding: 0px;
	margin: 0px;
	border-style:none;
	border: none;	
	display: block;
	width: 100%;
	height: 100%;
}

 

---

Wstaw proszę ścieżkę bezwzględną do zdjęcia żeby zostało wyświetlone.

---

Zdjęcie jest na pendrivie.

---

Jest to zdjęcie ściągnięte i w paint zmienione wymiary na 100px na 100px

---

Ok. Ale możesz wstawić inne zdjęcie z sieci i jeżeli jest problem zobaczymy go wszyscy bo teraz ja nie widzę problemu. Jak wstawię swoje zdjęcie to jest ok.

---

Chyba wiem w czym problem miałem. Nie zauważyłem, że to zdjęcie ma właśnie obramowanie. Cholerka :D

---

Powodzenia w dalszym kodowaniu

---

Dzięki

Answer 2

Podaj kompletny kod bo z tego co ja podmieniłem to wychodzi mi w ten sposób lub możesz podać stronę jeśli masz ją nie na lokalnym serwerze. Podmieniłem tu na obrazek pieska http://jsbin.com/sawocupuda/edit?html,css,output

Comments

tzn w jaki sposob Ci wychodzi? z obramowaniem czy bez?