• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wyśrodkowanie elementu przy video playerze

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
438 wizyt
pytanie zadane 25 października 2016 w HTML i CSS przez Eliro Stary wyjadacz (12,160 p.)

mój video player: learn.c0.pl (plik style.css)

Nie działa mi wyśrodkowanie przycisku "play" na środku ekranu.

 

#video-container
{
	width: 640px;
	height: 360px;
	position: relative;
}
	video
{
	width: 100%;
	height: 100%;
}
	#screen
	{
		height: 100%;
		width: 100%;
		line-height: 360px;
		text-align: center;
		position: absolute;
	}
	#screen img
	{
		vertical-align: middle;
	}

 

1 odpowiedź

+1 głos
odpowiedź 25 października 2016 przez Przemek Zembrzuski Gaduła (3,240 p.)
wybrane 17 października 2018 przez Eliro
 
Najlepsza

Cześć,

proponuje Tobie użyć display flex, czyli w twoim przypadku:

#screen
{ 
   height: 100%;
   width: 100%;
   line-height: 360px;
   text-align: center;
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
}

i jeszcze usuń vertical-align:middle z img.

Podobne pytania

0 głosów
1 odpowiedź 301 wizyt
pytanie zadane 16 maja 2020 w HTML i CSS przez Wiktor Koźlik Użytkownik (950 p.)
0 głosów
3 odpowiedzi 895 wizyt
pytanie zadane 11 listopada 2019 w HTML i CSS przez radzioszq Nowicjusz (120 p.)
+1 głos
1 odpowiedź 1,200 wizyt
pytanie zadane 12 lipca 2015 w HTML i CSS przez Eimens Maniak (69,240 p.)

93,188 zapytań

142,204 odpowiedzi

322,027 komentarzy

62,515 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2817p. - dia-Chann
  2. 2769p. - Łukasz Piwowar
  3. 2759p. - Łukasz Eckert
  4. 2704p. - Tomasz Bielak
  5. 2678p. - Łukasz Siedlecki
  6. 2627p. - CC PL
  7. 2485p. - Marcin Putra
  8. 2443p. - rucin93
  9. 2418p. - Michal Drewniak
  10. 2367p. - Adrian Wieprzkowicz
  11. 2317p. - Mikbac
  12. 2156p. - Anonim 3619784
  13. 2127p. - Michał Telesz
  14. 1733p. - rafalszastok
  15. 1628p. - Dominik Łempicki (kapitan)
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...