Putin ajutor Bootstrap

Salutare, :smile:

As vrea sa stiu daca chestia asta se poate face numai din CSS/HTML.
Am o imagine de 100x100 sa zicem. Daca pun click-ul pe imagine as vrea sa imi apara o imagine/buton/link, asta numai cand am click-ul pe imagine… exact ca efectul de hover la texte.

Daca nu merge numai din CSS/HTML, imi puteti spune va rog cum se numeste treaba asta, ca sa stiu sa caut mai exact. Pana acum nu am reusit sa gasesc pe google ce imi trebuie mie exact.

Multumesc !

1 Like

Merge doar din HTML+CSS.
Uite 2 exemple.
http://www.html5templatesdreamweaver.com/hover-effects.html

Salut, am terminat ce incepusem acum ceva vreme: Link
Mai am de facut niste mici modificari, dar in amre parte asa o sa ramana.

Acum am cateva mici probleme:

  1. Acolo am pus o harta (Google Maps), cum as putea sa fac sa nu se poata misca harta, adica in momentul cand am testat site-ul pe un telefon cu ecran mai mic si eram pe landscape, harta era aproape cat tot ecranul si nu puteam sa mai dau in jos :smiley:

  2. Pe browserele de mobile (Firefox, Opera), site-ul se vede cum trebuie.
    Dar pe Safari si pe Browserul de la Android e o mica problema:

Android Browser:

Firefox:

Pe Maxthon (browser) arata asa: (Poate te ajuta la ceva…)

Exact, asta este si problema in Mobile…
.cell-box-content {
bottom:20px;
left:50%;
max-height:260px;
position:absolute;
transform:translateX(-50%);
width:80%;
}

aici e problema, o alta solutie pentru centrarea acelui div?

daca nu am sa fac acel div cu width fix, o sa folosesc margin:0 auto si am sa-l redimensionez in media

Dacă un element are dimensiunile stabilie, îl poți poziționa pe centru cu margin:auto:

.cell-box-content {
  left: 0;
  right: 0;
  width: 80%;
  margin: auto;
}
1 Like

Fa un div wrapper peste tot si pune-l overflow-x: hidden.

1 Like

More about…CSS Hover Effects

Lee