border in css
Graag had ik een afbeelding rond gemaakt met daarbij dan en gekleuerde border; Dit is wat ik nu heb:
index.html:
Code (php)
1
2
3
4
5
2
3
4
5
<div id="auteur" contenteditable="true">
<p><img alt="" src="http://wcdn1.dataknet.com/static/resources/icons/set29/3fda79c8.png" /></p>
<p>Ryan Deiss</p>
</div>
<p><img alt="" src="http://wcdn1.dataknet.com/static/resources/icons/set29/3fda79c8.png" /></p>
<p>Ryan Deiss</p>
</div>
style.css
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
#auteur img {
width: 172px !important;
height: 172px !important;
border-radius: 86px;
border-width: 5px;
border-color: #DAB356;
}
width: 172px !important;
height: 172px !important;
border-radius: 86px;
border-width: 5px;
border-color: #DAB356;
}
op één of andere manier wil hij geen border geven aan de afbeelding.
Hoe kan ik dit probleem oplossen?
P.S. Ik kan niets aanpassen tussen de div tags in de html.
Code (css)
1
2
3
4
2
3
4
#auteur img{
/* ... */
border:5px solid #DAB358;
}
/* ... */
border:5px solid #DAB358;
}