Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Ustawienie embedów filmów z YouTube
Generic
post 13.09.2015, 23:37:50
Post #1





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----


Witam. Mam sytuację taką jak w obrazku poniżej. Zrobiłem galerię filmów i pomiędzy nimi mają się znajdować strzałki przewijania. Cały problem w tym że kombinowałem i żadnym sposobem nie udało mi się zmusić aby embedy filmów wyświetlały się w tej samej linii co strzałki. Czy ktoś ma jakiś pomysł jak to naprawić? Pod względem kodu wygląda to następująco (oczywiście src jest zmyślone żeby umieścić to na forum bez zbednych elementów i w uproszczeniu):

  1. <div id="kontener">
  2. <button class="poprzedni"></button>
  3. <button class="następny"></button>
  4.  
  5. <div class="pierwszy slajd z filmami>
  6. <iframe src="film z youtube"></iframe>
  7. <iframe src="film z youtube"></iframe>
  8. </div>
  9.  
  10. <div class="drugi slajd z filmami>
  11. <iframe src="film z youtube"></iframe>
  12. <iframe src="film z youtube"></iframe>
  13. </div>
  14.  
  15. <div class="trzeci slajd z filmami>
  16. <iframe src="film z youtube"></iframe>
  17. <iframe src="film z youtube"></iframe>
  18. </div>
  19. </div>


Go to the top of the page
+Quote Post
Mega_88
post 14.09.2015, 14:03:47
Post #2





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

Ostrzeżenie: (0%)
-----


Tak na szybko:

Dla #kontener dodaj position:relative;

Dla .poprzedni dodaj position:absolute;left:0;top:0;
Dla .nastepny position:absolute;right:0;top:0;

Wartością top możesz sobie operować dowolnie (top:20px)
Go to the top of the page
+Quote Post
Generic
post 14.09.2015, 20:24:14
Post #3





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----


Cytat(Mega_88 @ 14.09.2015, 15:03:47 ) *
Tak na szybko:

Dla #kontener dodaj position:relative;

Dla .poprzedni dodaj position:absolute;left:0;top:0;
Dla .nastepny position:absolute;right:0;top:0;

Wartością top możesz sobie operować dowolnie (top:20px)


Dzięki. Teraz jest ustawione tak jak trzeba.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 16.04.2024 - 14:58