Hello to all the community! I have a problem please. Currently I am creating a web page with images and I will like responsive renders. I would like my last 4 images to go under each other by being centered while keeping their size.
Thank you
Here are my codes
@font-face
{
font-family:“Antique-Olive”;
src:url(“Fonts/Antique-Olive/ANTIQUE1.eot?”) format(“eot”),
url(“Fonts/Antique-Olive/ANTIQUE1.woff”) format(“woff”),
url(“Fonts/Antique-Olive/ANTIQUE1.ttf”) format(“truetype”),
url(“Fonts/Antique-Olive/ANTIQUE1.svg#Antique-Olive”) format(“svg”);
font-weight:normal;
font-style:normal;
}
html,body{
height: 100%;
}
body{
margin: 0 auto;
}
img,video{
max-width: 100%;
height: auto;
display: block;
}
div#content{
min-width: 100%;
min-height: 100%;
position: absolute;
width:auto;
height:auto;
}
#trailer{
max-width: 1000px;
margin: auto;
}
#trailer div{
top: 60px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#trailer iframe,
#trailer object,
#trailerr embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div#news{
width:250px;
height:250px;
float: left;
margin-top: 95px;
position: relative;
padding-left: 180px;
display: block;
}
div#texte{
font-family:“Antique-Olive”;
font-size: 18px;
margin-left:546px;
margin-top: 75px;
float: right;
position: absolute;
color: white;
}
div#texte h3{
margin-left:10px;
}
ul#acteur{
font-family:“Antique-Olive”;
font-size:20px;
margin-left: 40px;
padding-left: 80px;
margin-top: 425px;
}
ul#acteur li{
width:200px;
height:200px;
float: left;
list-style: none;
display: block;
padding-left: 65px;
position: relative;
}
ul#acteur img{
display: block;
position:relative;
z-index:1;
height:200px;
width:200px;
}
ul#acteur li p{
color: white;
margin-top:20px;
margin-left: 22px;
}
ul#acteur li#vin p{
margin-left: 60px;
}
@media screen and (max-width: 480px){
div#texte{
float: none;
margin:50px auto;
height:180px;
}
div#banniere{
height: 100px;
}
div#texte h3,p{
font-size: 18px;
top: 10px;
left: 15px;
}
div#acteur p{
font-size: 18px;
top: 60px;
left: 45px;
}
#news{
float: none;
margin:auto;
width: 250px;
height: 250px;
}
#acteur{
width:250px;
height:250px;
float:none;
margin:100px auto;
}
#acteur img{
width:230px;
}
}
@media screen and (max-width: 720px){
div#texte{
float: none;
margin:50px auto;
height:180px;
}
div#banniere{
height: 100px;
}
div#texte h3,p{
font-size: 18px;
top: 10px;
left: 15px;
}
div#acteur p{
font-size: 18px;
top: 60px;
left: 45px;
}
#news{
float: none;
margin:auto;
width: 250px;
height: 250px;
}
#acteur{
width:250px;
height:250px;
float:none;
margin:100px auto;
}
#acteur img{
width:230px;
}
}
FAST & FURIOUS 9FAST & FURIOUS 9 a été retardé d'un an
Universal Pictures a fait savoir que la sortie du neuvième volet de
la franchise“Fast and Furious” a été repoussée d’un an.
Si la projection du film devait être lancée le 19 avril 2019, sa sortie
au cinéma a été reportée au 10 avril 2020 – pendant le week-end
pascal. Aucun réalisateur n’est associé au film pour le moment. La
plupart des acteurs de la franchise rempile pour « Fast 9 »,dont
Vin Diesel.
Après la sortie de “Fast & Furious 8” en début d’année, Universal
a commencé à concocter une histoire pour un spin-off avec
Dwayne Johnson et Jason Statham pour commencer.
-
Dwayne Johnson
-
Jordana Brewster
-
Michelle Rodriguez
-
Vin Diesel