Witam.
Z lewej i prawej strony chciałbym umieścić powtarzanie tła w kierunku pionowym, ale niestety brak tego tła po obu stronach. Brakuje też w środku tła w kolorze granatowym jako navy. Ścieżka do border-left i border-right podana jest prawidłowo na 100%.
<div class="image2">
<div class="background-color_navy">
<div class="border-left">
<div class="border-right">
<img src="../../obrazki/foto.png" style="position: absolute; left: 50px; top: 15px" />
</div>
</div>
</div>
</div>
.image2
{
position: absolute;
left: 2px;
bottom: 2px;
width: 160px;
height: 100px;
outline: 2px solid #808080;
}
.background-color_navy
{
background-color: #000080;
width: 100%;
}
.background-color_navy .border-left
{
background: url(../obrazki/border-left.gif) repeat-y left top;
}
.background-color_navy .border-right
{
background: url(../obrazki/border-right.gif) repeat-y right top;
}
W środku ma być umieszczony obrazek foto.png (pomiędzy lewym i prawym powtarzaniem tego tła). Foto o rozdzielczości 64x48 wyświetla się, ale po za obszarem tego obrazka brakuje tła w kolorze navy.
Mam 2 pytania:
1. Jak zrobić, aby z lewej i prawej strony pojawiło się to powtarzające się tło?
2. Jak zrobić, aby w środku pojawiło się tło w kolorze granatowym jako navy?
Będę wdzięczny za skuteczną pomoc.