Prevent image from overflowing outside the container

This commit is contained in:
Saivann 2014-04-07 14:56:51 -04:00
parent 530537e4c0
commit 6ce43fcca9
4 changed files with 8 additions and 4 deletions

View file

@ -247,8 +247,9 @@ body{
display:expression((this.parentNode.childNodes[0]==this||this.parentNode.childNodes[1]==this||this.parentNode.childNodes[2]==this||this.parentNode.childNodes[3]==this)?'list-item':'');
}
.floatimg{
.pleftfloat span{
position:relative;
float:left;
}
.previewrow h2{

View file

@ -114,7 +114,7 @@ h2 .rssicon{
.index a:visited{
line-height:2em;
}
.floatimg{
.pleftfloat img{
float:right;
margin-right:auto;
margin-left:10px;

View file

@ -763,7 +763,10 @@ li p{
margin-top:5px;
}
.floatimg{
.pleftfloat{
overflow:hidden;
}
.pleftfloat img{
float:left;
margin-right:10px;
}

View file

@ -11,7 +11,7 @@ id: choose-your-wallet
</ul>
<h2>{% translate bethenetwork %}</h2>
<p><img src="/img/icon-be-the-network.svg" alt="Network" class="floatimg"/>{% translate bethenetworktxt %}</p>
<p class="pleftfloat"><img src="/img/icon-be-the-network.svg" alt="Network" />{% translate bethenetworktxt %}</p>
<div class="previewrow previewmobile" onclick="mobileWHover(event);">