Witojcie, mam problem ponieważ nie wiem jak zrobić, aby te 2 strzałki automatycznie dopasowywały się do wielkości tego obrazka po środku.
http://wojtas69.esy.es/
<div class="slider">
<span class="strzalka-left">
<span class="angle"><i class="fa fa-angle-left"></i></span>
</span>
<span class="slider_middle">
<span class="slider_text"><img src="http://www.repostuj.pl/files/2015/07/343_55a9fcdee7bfb.jpg"></span>
<span class="strzalka-right">
<span class="angle"><i class="fa fa-angle-right"></i></span>
</span>
<div style="clear:both;"></div>
</div>
.slider
{
margin-top:50px;
}
.strzalka-left
{
font-size:70px;
float:left;
color: rgba(202, 202, 202, 0.26);
transition:All 1s linear;
-webkit-transition:All 0.7s ease-in;
-moz-transition:All 0.7s ease-in;
-o-transition:All 0.7s ease-in;
color: rgba(202, 202, 202, 0.26);
}
.strzalka-right
{
transition:All 1s linear;
-webkit-transition:All 0.7s ease-in;
-moz-transition:All 0.7s ease-in;
-o-transition:All 0.7s ease-in;
font-size:70px;
float:right;
color: rgba(202, 202, 202, 0.26);
}
.strzalka-right:hover, .strzalka-left:hover
{
color: rgba(202, 202, 202, 0.46);
}
.slider_middle
{
text-align:center;
margin:auto auto;
float:left;
vertical-align: middle;
width: 94%;
line-height:6;
}