On Tue, Sep 13, 2016 at 9:21 PM, Karl DeSaulniers <[email protected]> wrote:
> Can we see the css that you are using?
>
> Best,
The images are showing horizontally squeezed in IE9 - IE10 using the
below code. I'm afraid I can't post a link, but here's the structure
and css:
<ul class="clear">
<li class="phone">1-800-000-0000</li>
<li class="computer">Contact Us</li>
<li class="chat">Live Chat</li>
</ul>
ul{
list-style-type: none;
margin: 30px 0 0 0;
padding: 0 0 0 20px;
}
li{
@include source-reg;
@include font-size(24px);
line-height: 1.1;
padding-left: 50px;
}
.phone{
background-image: url("../img/icn-phone.svg");
background-size: 32px 50px;
background-position: 0 0;
background-repeat: no-repeat;
min-height: 50px;
}
.computer{
background-image: url("../img/icn-computer.svg");
background-size: 40px 32px;
background-position: 0 0;
background-repeat: no-repeat;
min-height: 35px;
}
.chat{
background-image: url("../img/icn-chat.svg");
background-size: 40px 32px;
background-position: 0 0;
background-repeat: no-repeat;
min-height: 35px;
}
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
