htamas1210/webfejlesztes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mozi

Browse Source
This commit is contained in:
thewarrior1220
2022-05-15 20:12:41 +02:00
parent bd7d723c02
commit 40cbbeea0c
2 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
javascript/mozi/index.html
View File

@@ -5,12 +5,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<title></title> <title>Mozi</title>
</head> </head>
<body onload="ulohelyekGeneralas()"> <body onload="ulohelyekGeneralas()">
<div class="container"> <div class="container">
<header> <header>
<nav>
Mozis mozi mozizó
<div><!--masik flexbox, a navmenuk divek lesznek-->
</div>
</nav>
</header> </header>
<main> <main>
<!--<button class="btn btn-primary" onclick="ulohelyekGeneralas()">Generalás</button>--> <!--<button class="btn btn-primary" onclick="ulohelyekGeneralas()">Generalás</button>-->
@@ -22,8 +27,7 @@
<div id="filmLeiras"></div> <div id="filmLeiras"></div>
<div id="filmKezdet"></div> <div id="filmKezdet"></div>
</div> </div>
<div class="flex-container" id="szekek"> <div class="flex-container" id="szekek"></div>
</div>
</main> </main>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>

14
javascript/mozi/style.css
View File

@@ -1,32 +1,32 @@
body{ body{
margin-left: 1%; /*margin-left: 1%;
margin-right: 1%; margin-right: 1%;
margin-top: 1%; margin-top: 1%;
margin-bottom: 1%; margin-bottom: 1%;*/
margin: 1%;
} }
.flex-container { .flex-container {
display: flex; display: flex;
background-color: DodgerBlue; /*background-color: DodgerBlue;*/
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
padding: 1%; padding: 1%;
} }
.szek{ .szek{
background-color: #f1f1f1; background-color: #f1f1f1;
width: 10%; width: 5%;
margin: 1%; margin: 1%;
text-align: center; text-align: center;
line-height: 100px; line-height: 65px;
font-size: 30px; font-size: 30px;
} }
.sor{ .sor{
display: flex; display: flex;
background-color: purple; /*background-color: purple;*/
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: center; justify-content: center;