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

Jak dopasować ramkę do długości i szerokości przykładowego pudelka div (czy filmu yt) ?

0 głosów
499 wizyt
pytanie zadane 24 listopada 2017 w HTML i CSS przez DariuszH Gaduła (3,080 p.)

 

Witam. Jak manipulować skalą tej ramki w css ? Chciałbym dopasować do szerokości i długości filmu z yt. Ramka na zewnątrz jak i wewnątrz jest pusta. Obraz w formacie .png. Żadne bordery with, slice itp... nie pomagają, obraz stoi w miejscu jak potłuczony :)  Czego nie wiem ? :)

 

2 odpowiedzi

+2 głosów
odpowiedź 24 listopada 2017 przez accolade Bywalec (2,410 p.)
wybrane 24 listopada 2017 przez DariuszH
 
Najlepsza
A może coś takiego: https://codepen.io/accolade/pen/bYKaGX - tutaj zamiast png jest ustawiony border w elemencie, w którym zawiera się video.
+1 głos
odpowiedź 24 listopada 2017 przez pablop76 Szeryf (97,990 p.)

Witam. Może po prostu dać border dla iframe.

<div class="container">
 <iframe class="iframe-border" width="100%" height="300" src="https://www.youtube.com/embed/XGSy3_Czz8k">
</iframe> 
</div>
body{
  background-color: grey;
}
.container{
  position: absolute;
  width: 300px;
  top: 50%;
  left: 50%;
  margin-right: 50%;
  transform: translate(-50%, -50%);
}
.iframe-border{
border:20px solid black;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

 

komentarz 24 listopada 2017 przez DariuszH Gaduła (3,080 p.)
Dziękuję Ci bardzo. Jakoś się uparło mi, że iframe to nie div i nie wziąłem pod możliwość, że wszystko można ostylowac. :)  Ale się uczepilem tego border- source i tak dalej. Jeszcze raz dzięki ! Społeczność na forum jest niesamowita !  :)

Podobne pytania

0 głosów
1 odpowiedź 98 wizyt
0 głosów
2 odpowiedzi 80 wizyt
pytanie zadane 17 sierpnia 2017 w HTML i CSS przez SzukającyPrzygód Bywalec (2,240 p.)
+2 głosów
1 odpowiedź 662 wizyt
pytanie zadane 14 stycznia 2018 w HTML i CSS przez Adrian86452 Użytkownik (600 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

67,159 zapytań

114,107 odpowiedzi

241,853 komentarzy

47,046 pasjonatów

Przeglądających: 275
Pasjonatów: 8 Gości: 267

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...