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

style update

Browse Source
This commit is contained in:
thewarrior1220
2022-05-16 17:02:18 +02:00
parent 40cbbeea0c
commit ae8c22b3bc
2 changed files with 69 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
javascript/mozi/index.html
View File

@@ -8,16 +8,18 @@
<title>Mozi</title>
</head>
<body onload="ulohelyekGeneralas()">
<div class="container">
<header>
<div class="container-fluid">
<nav>
Mozis mozi mozizó
<div><!--masik flexbox, a navmenuk divek lesznek-->
<div class="flex-container2 container-fluid"><!--masik flexbox, a navmenuk divek lesznek-->
<p>Mozis mozi mozizó</p>
<div id="kezdolap"><a href="">Kezdőlap</a></div>
<div id="mozimusor"><a href="">Moziműsor</a></div>
<div id="programok"><a href="">Programok</a></div>
<div id="jegyinfo"><a href="">Jegyinfó</a></div>
<div id="ugyfelszolgalat"><a href="">Ügyfélszolgálat</a></div>
</div>
</nav>
</header>
<main>
</nav><br><br>
<main class="container-fluid">
<!--<button class="btn btn-primary" onclick="ulohelyekGeneralas()">Generalás</button>-->
<button class="btn btn-primary" onclick="leFoglalas()">Lefoglalás</button>
<button class="btn btn-primary" onclick="legutobbiFoglalasVisszaMondas()">Legutóbbi foglalás visszamondása</button>
@@ -27,8 +29,13 @@
<div id="filmLeiras"></div>
<div id="filmKezdet"></div>
</div>
<div class="flex-container" id="szekek"></div>
<div class="flex-container container-fluid" id="szekek"></div>
</main>
<footer>
<div id="elerhetosegek">
bsad
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="script.js"></script>

53
javascript/mozi/style.css
View File

@@ -4,10 +4,47 @@ body{
margin-top: 1%;
margin-bottom: 1%;*/
margin: 1%;
background-color: darkslategray;
}
nav{
background-color: darkolivegreen;
width: 100%;
}
footer{
background-color: darkolivegreen;
}
.flex-container2{
display: flex;
/*background-color: yellow;*/
flex-direction: row;
flex-wrap: wrap;
justify-content: end;
padding: 1%;
}
.flex-container2 div{
background-color: cadetblue;
/*width: 5%;*/
margin: 1%;
padding: 1%;
text-align: center;
font-size: 30px;
}
.flex-container2 p{
justify-content: flex-start;
font-weight: 600;
font-size: 30px;
padding-top: 0.6%;
line-height: 75px;
}
.flex-container {
display: flex;
width: 100%;
/*background-color: DodgerBlue;*/
flex-direction: column;
flex-wrap: wrap;
@@ -18,9 +55,11 @@ body{
.szek{
background-color: #f1f1f1;
width: 5%;
margin: 1%;
height: 10%;
margin-left: 5%;
margin-bottom: 1%;
text-align: center;
line-height: 65px;
/*line-height: 65px;*/
font-size: 30px;
}
@@ -39,3 +78,13 @@ body{
.ideiglenes{
background-color: darkturquoise;
}
a:link{
text-decoration: none;
color: black;
}
a{
color: black;
}