Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Ustawienie embedów filmów z YouTube
Forum PHP.pl > Forum > Przedszkole
Generic
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>


Mega_88
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)
Generic
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.