Я помещаю эту ссылку перед телом [*] ( 100) nav.style.background = 'white';
else nav.style.background = 'white';
});
});[/code]
Код: Выделить всё
body {
margin: 0;
font-family: Ariel;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
#logo {
float:left;
display: inline-block;
width: 3.5%;
}
#nav{
padding-left: 500px;
position: sticky;
}
.navi {
list-style-type: none;
margin:0;
padding:0;
overflow: hidden;
background-color: #ffffff;
font-size: 1.7vw;
position: sticky;
}
.list1 {
float: left;
text-align: center;
}
.list1 a {
display: block;
color: rgb(0, 0, 0);
text-align: center;
padding: 14px 20px;
text-decoration: none;
}
.list1 a:hover {
background-color: #000000;
color:#ffffff
}
body, html {
height: 100%;
}
@media screen and (max-width: 850px) {
.box {
grid-template-columns: 1fr;
}
}
footer{
position:absolute;
bottom: auto;
left: 0;
right: 0;
background:black;
height: auto;
width: 100vw;
padding-top: 20px;
color: #fff;
}
.footer .box{
width:auto;
display:flex;
flex-direction: column;
padding-left: 2%;
padding-bottom: auto;
}
.box-row{
display:table-row;
}
.box-cell{
display:table-cell;
padding-left: 9.5em ;
}
.box-cell li{
cursor:pointer;
}
.box-cell ul li a{
color:white;
}
.footer-title{
font-size:1.5vw;
padding-bottom:0.5em;
}
.list2{
font-size:1vw;
font-weight: 10;
padding-bottom:0.6em;
}
.fa {
padding: 5px;
font-size: 30px;
width: 50px;
text-align: center;
text-decoration: none;
margin: 3px 1px;
}
.fa:hover {
opacity: 0.7;
}
.fa-facebook {
background:rgb(0, 0, 0);
}
.fa-youtube {
background:rgb(0, 0, 0);
color: white;
}
.fa-instagram {
background:rgb(0, 0, 0);
color: white;
}
#subbutton:hover{
background-color:coral;
font-weight: 600;
}
.payment fa{
display: flex;
position: absolute;
}
.payment-container{
font-size:0.9em;
color:white;
text-align: center;
position: absolute;
display: flex;
right: 43%;
bottom:12%;
}
.footer-2{
width: 100%;
height:auto;
position:relative;
text-align: center;
padding-top:20px;
padding-bottom:10px;
font-size:1vw;
color:white;
font-weight: 400;
}
.footer-2 a{
text-decoration: none;
color:white;
cursor: pointer;
}Код: Выделить всё
Trave nz home
.skytower1{
background-image: url(photo/tower.jpg);
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 768px) {
.skytower1 {
background-attachment: inherit;
}
}
.alphine{
width: 80%;
}
.insidealph{
padding-left: 20%;
}
.note{
padding:2% 2% 0 2%;
}
.note2{
padding:2% 2% 0 2%
}
#map {
width: 20%;
}
.mapcontainer{
padding-left: 45%;
}
[i]
[list]
[url=Home_trave.html]Home[/url]
[*][url=Tour_trave.html]Tour [/url]
[*][url=contact_trave.html] Contact[/url]
[/list]
About New Zealand (Aotearoa)
[img]photo/alphine.jpg[/img]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
[img]photo/map.jpg[/img]
About Us
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
[list]
Follow Us On
[*][url=#][/url]Instagram
[*][url=#][/url]Facebook
[*] [url=#][/url]Youtube
[/list]
Contact Us
[*]Feedback
[*]Location
Sign Up for News Letters
[*]Get our latest news!
[/i]
[i][/i]
[i][/i]
[url=#]© Since 2023 Trave New Zealand (Aotearoa)[/url]
Подробнее здесь: https://stackoverflow.com/questions/793 ... s-together
