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':''); 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; position:relative;
float:left;
} }
.previewrow h2{ .previewrow h2{

View file

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

View file

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

View file

@ -11,7 +11,7 @@ id: choose-your-wallet
</ul> </ul>
<h2>{% translate bethenetwork %}</h2> <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);"> <div class="previewrow previewmobile" onclick="mobileWHover(event);">