Zdravim, mam mensi problem so strankou. Mam header a pred nim su zaoblene zalozky, doteraz som to mal riesene tak, ze za tymy zalozkami bolo jednofarebne pozadie, cize ako mam obrazok
zalozky tak nad kazdym som mal pasik farby, ktory bol na pozadi resp. za zalozkami. No teraz tam chcem dat obrazok, ktory nieje jednofarebny, a ked vo photoshope zmalujem na tych zalozkach ten pasik, ktory je nad kazdou zalozkou(teraz je tam biela farba) tak asi na jednom to pekne splyva, cize je pekne zaoblena, ale na ostatnych uz to oble nieje lebo je vidno rozdiel. Potreboval by som nejaku radu s ktorou je najmenej roboty. Myslim, ze asi nastavit pre kazdy odkaz iny obrazok zalozky a tam by som si to uz doladil aby to splyvalo s pozadim, no neviem, ako to dopisat do css. Mozno existuje este nieco lahsie neviem. tu je css kod
Kód:
#zalozky {
width: 930px;
}
#zalozky ul {
margin: 0 0 0 30px;
padding: 0;
list-style-type: none;
}
#zalozky li {
float: left;
display: inline;
margin: 2px 8px 0 0;
text-align: center;
background:#F2F2F2 url("item.gif") no-repeat 0 -40px;
}
#zalozky li a, #zalozky li strong {
display: block;
width: 100px;
height: 24px;
line-height: 24px;
}
#zalozky li.active {
position: relative;
top: 2px;
margin-top:0;
height: 26px;
background: #945013;
background-position: 0 0;
}
#zalozky li a {
color: black;
text-decoration: underline;
}
#zalozky li a:hover {
background:#E5E5E5 url("item.gif") no-repeat 0 -80px;
}
Dakujem velmi pekne za rady