Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[dasinn]

buna.stau ceva ore la o lista.trebuie sa pun doua backgroduri de imagine la un list item si nu prea am solutii.m-am gandit sa folosesc pentru a doua imagine active si sa-mi dea ca si fiind active toate list itemurile si atunci pot sa-mi apara ambele imagini pentru un list item.
nu pot sa expun htmlul deoarece lucrez u un cms ci doar cssul.

a.mainlevel:link, a.mainlevel:visited {
display: block;background-image:url(../images/border.gif);background-repeat:no-repeat;background-position:bottom center;
background-color:#d0c8b3;
vertical-align: middle;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #560803;
text-align: left;
padding-top: 5px;
padding-left: 18px;
height: 20px !important;
height: 25px;
width: 160px;
text-decoration: none;
font-weight:normal;
}

a.mainlevel:hover {

text-decoration: none;
color: #fff;
}

///pana aici este ok.imi da o imagine ca si background//////

iar acum nu stiu cum sa combin urmatoarea faza de cod sa fac toate list itemurile active si sa-mi apara a doua imagine.este gresit si nu stiu cum sa fac.imi poate spune cineva?

.mainlevel#active_menu a:link, .mainlevel#active_menu a:visited, .mainlevel#active_menu a:hover
{
border: 1px solid #333;
background-repeat:no-repeat;background-position:12px center;
background-image: url(../images/sens.gif);
color: #333;
}
multumesc.

[mihaitha]

Nu o sa iti mearga deoarece referintele sunt diferite (ca o paranteza, intotdeauna in css referintele se citesc de la stanga la dreapta). Voi elabora:
- a.mainlevel:link inseamna ca stilul respectiv se ca aplica pe un element de forma <a class='mainlevel'>
- .mainlevel#active_menu a:link inseamna ca stilul se aplica pe un element <a> continut intr-un element cu class="mainlevel" id="active_menu" - cu totul alta mancare de peste.

Deci daca cms-ul tau iti va genera ceva de genul:
<a class='mainlevel' id='active_menu'>
css-ul va trebui sa fie de genul
a.mainlevel#active_menu:link

Doua imagini de background n-ai cum sa pui, daca declari alta intr-un stil ulterior, o va inlocui pe cea precedenta, nu le va suprapune. Ce ai putea sa faci, daca <a>-urile alea sunt continute in elemente <li>, sa pui background-image si pe <li>, suplimentar fata de cel de pe <a>.

[dasinn]

.mainlevel#active_menu
{
border: 1px solid #333;
background-repeat:no-repeat;background-position:12px center;
background-image: url(../images/sens.gif);
color: #333;
}
daca pun asa cand dau click pe list item imi apar cele doua imagini.

[dechim]

Daca ai
<a href="#" class="mainlevel" id="active_menu">Link </a>
va lua proprietatile din definitiile :
a.mainlevel:link {}

si le va suprascrie cu cele din :
a.mainlevel#active_menu:link {}

Daca ai imagine la clasa si ai si la ID va ramane cea de la ID nu ai cum sa le pui pe amandoua. Esti sigur ca apar cele doua imagini ?

[mihaitha]

Probabil apar amandoua pentru ca mai e un element care are imaginea aia ca background (poate <li>-ul ce contine link-ul?)

[PHPRomania Bot]