Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Ostylowanie + skalowanie

Założony przez  Lemo.

08.06.2018, 13:55 (Ten post był ostatnio modyfikowany: 08.06.2018, 13:56 przez Lemo.)
#1
Witam chciałbym ostylować pasek z partnerami. i dodać skalowanie zdjęć by nic sie nie rozjechało, i po najechaniu na zdj myszką to się zatrzymuje 
ss z forum:
   

miało by to być coś takiego:
   


Domena : CS-420.PL
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
08.06.2018, 15:49 (Ten post był ostatnio modyfikowany: 14.06.2018, 21:49 przez ThreeG.)
#2
Jeśli chodzi o wygląd to upakuj całość w diva i odpowiednio ostyluj, przykładowo:
.partners{
  padding:10px;
  background: rgba(0,0,0,0.5);
  border:1px solid #777;
  border-radius:10px;
}

Odnośnie skalowania to kwestia responsywności, przykładowo
@media (max-width:600px){
  .partners img{
    max-height:75px;
    width:auto;
  }
}

Jeśli chodzi o zatrzymanie, tutaj masz przykłady -> https://www.quackit.com/html/codes/stop_marquee.cfm
08.06.2018, 18:07
#3
[quote="ThreeG" pid="320941" dateline="1528469352"]Jeśli chodzi o wygląd to upakuj całość w diva i odpowiednio ostyluj, przykładowo:
.partners{
  padding:10px;
  background: rgba(0,0,0,0.5)
  border:1px solid #777;
  border-radius:10x;
}

Odnośnie skalowania to kwestia responsywności, przykładowo
@media (max-width:600px){
  .partners img{
    max-height:75px;
    width:auto;
  }
}

Jeśli chodzi o zatrzymanie, tutaj masz przykłady -> https://www.quackit.com/html/codes/stop_marquee.cfm[/quot]
Ajak to zrobić?
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
13.06.2018, 07:48
#4
Ok te 1 wrzucamy do css a te 2 ? Też? I jak dodam css to co mam wkleic zamiast obecnie posiadanego <merque>
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
13.06.2018, 10:53
#5
Tak, oba wrzucasz do css.

(13.06.2018, 07:48)Lemo napisał(a): I jak dodam css to co mam wkleic zamiast obecnie posiadanego <merque>

Jak wyżej napisałem, interesujący cię element (czyli w tym wypadku <marquee>) wrzuć do diva o klasie partners.
13.06.2018, 21:25
#6
No ok tylko jajk to zrobić ? <div class=partners>
czy jak? bo ja słabo w temacie
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
14.06.2018, 07:06 (Ten post był ostatnio modyfikowany: 14.06.2018, 07:07 przez ThreeG.)
#7
Tak, dokładnie w ten sposób
<div class="partners">
  <marquee>...</marquee>
</div>
14.06.2018, 20:48 (Ten post był ostatnio modyfikowany: 14.06.2018, 20:52 przez Lemo.)
#8
Mam tak i nie działa
Zmieniałem z .partners na .partnerzy
.
<div class="partnerzy">
<marquee>

<a href="jakas reklama"><Right><img src="jakas reklama" style=" transform: translateY(-0%);"></a>

</marquee>
</div>
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
14.06.2018, 21:54
#9
Mój błąd, pisząc na szybko przykładową klasę zgubiłem średnik i jedną literę, kod już poprawiony.



Użytkownicy przeglądający ten wątek:

1 gości