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

Ustawienie video na stronie

Object Storage Arubacloud
0 głosów
122 wizyt
pytanie zadane 29 grudnia 2018 w HTML i CSS przez Młody programista Obywatel (1,200 p.)
edycja 29 grudnia 2018 przez Młody programista

Witam, 

mam problem z ustawieniem drugiego video na stronie. Chce, aby znajdowało po prawej stronie ale, nie działa(nie wiem dlaczego). Ktoś pomoże?

Oto kod

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Zabawa divami</title>
    <link rel="stylesheet" type="text/css" media="screen" href="style5.css" />
</head>

<body>
    <div id="container">

        <div id="logo">
            <font size="8">ZESPÓŁ MUZYCZNY <i>,,TERAZ MY "</i></font>
        </div>
        <br><br>
        <div id="nav">
            <font size="4">Menu:</font>
            <br>
            <a href="http://terazmy.com.pl/oferta/">Oferta</a><br>
            <a href="https://www.youtube.com/watch?v=w0EF3AxJwLU">Link2</a><br>
            <a href="https://www.youtube.com/watch?v=w0EF3AxJwLU">Link3</a><br>
            <a href="https://www.youtube.com/watch?v=w0EF3AxJwLU">Link4</a><br>
        </div>

        <div id="content">
            <div id="video1">
                <video width="400" controls>
                    <source src="1.mp4" type="video/mp4" align="left">
                </video>
            </div>
            <div id="video2">
                <video width="400" controls>
                    <source src="2.mp4" type="video/mp4">
                </video>
            </div>

        </div>
        <div id="footer">
            <font size="4">Moja strona! &copy; Wszelkie prawa zastrzeżone. Lucjan Frączek</font>
        </div>



</body>

</html>

A to kod stylów

#container
{
width: 1320px;
margin-left: auto;
margin-right: auto;
}
#logo
{
background-color: orange;
color: dark;
text-align: center;
height: 100px;
}
#nav
{
float: left;
background-color: lightgray;
width: 200px;
min-height: 730px;
padding: 10px;
}
#content
{
background-image: url("zespol.jpg");
float: left;
width: 1080px;
min-height: 730px;
padding: 10px;
}

#footer {
background-color: orange;
color: black;
text-align: center;

}
#video1 {
height: auto;
position: absolute;
float: left;
top: 650px;
}
#video2 {
height: auto;
position: absolute;
float: right;
top: 450px;
}  

 

1 odpowiedź

+1 głos
odpowiedź 29 grudnia 2018 przez PolYGlok Pasjonat (19,450 p.)
edycja 30 grudnia 2018 przez PolYGlok
Nie zamknąłeś diva container :(

i nie dałeś 'clear: both;'  po video1.
komentarz 30 grudnia 2018 przez Młody programista Obywatel (1,200 p.)
Dzięki

Podobne pytania

0 głosów
3 odpowiedzi 148 wizyt
pytanie zadane 28 lutego 2016 w HTML i CSS przez Crazzier Początkujący (350 p.)
0 głosów
0 odpowiedzi 182 wizyt
pytanie zadane 14 kwietnia 2022 w HTML i CSS przez Grzegorz Mikina Dyskutant (8,060 p.)
0 głosów
1 odpowiedź 473 wizyt
pytanie zadane 23 października 2017 w HTML i CSS przez Radek Begej Użytkownik (580 p.)

92,568 zapytań

141,420 odpowiedzi

319,620 komentarzy

61,954 pasjonatów

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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...