將視頻置於頁面中間，同時在左側有一個側面菜單。 html/css

-7

我正在創建一個網站，但有一件事似乎並不奏效。我想在擁有側邊菜單時將視頻居中。該視頻有點在中間，但不完全。非常令人沮喪。將視頻置於頁面中間，同時在左側有一個側面菜單。 html/css

<html> 
<head> 
     <title>title</title> 
     <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
</head> 
<body> 
     <a href=""> <h1>title</h1> </a> 


     <ul> <li><a href="default.asp">Tour</a></li> 
    <li><a href="news.asp">News</a></li> 
    <li><a href="about.asp">about</a></li> 
</ul> 






     <iframe src="youtubevideourl" allowfullscreen></iframe> 

     <p> 
      <h2> lorem ipsim nog wat </h2> 
     </p> 
     <p> 
      <h2> jaja </h2> 
     </p> 













     <div style="position: absolute; bottom: 0px;"> 
      <footer> 

       <p>Contact information: <a href="mailto:@gmail.com"> 
       @gmail.com</a>.</p> 
      </footer> 
     </div> 

</body>

這個CSS代碼

img { 
display: block; 

width: 20%; 
} 

body { 
background-image: url("anbuachter.png"); 
} 

h1{ 
    font-family: myFirstFont; 
    font-size: 100px; 
} 

@font-face { 
    font-family: myFirstFont; 
    src: url("oldlondon.ttf"); 
} 

iframe { 
    width: 560px; 
    height: 350px; 
    display: block; 

    margin: 0 auto; 

} 

h2{ 
    text-align:center; 
    font-family:"Courier New"; 
} 

footer{ font-family:"Palatino Linotype"; 
    font-size: 15px; 

    } 

div.jiri{ 
text-align:center; 
font-family: myFirstFont; 
font-size:30px; 
padding-top: 50px; 
} 

a { 
color:black; 
text-decoration:none; 
} 

div.menu { 
font-family: myFirstFont; 
font-size: 50px; 
    font-weight: bold; 
    float: left; 
} 

ul { 
list-style-type: none; 
margin: 0; 
padding: 0; 
font-family: myFirstFont; 
font-size: 50px; 
font-weight: bold; 
float: left; 
} 

li a 
display: block; 
text-align:left; 
margin: 15px; 
}

誰能幫我？

來源

2017-03-02 S.Z.

iframe { 
    width: 560px; 
    height: 350px; 
    position: fixed; 
    left: 400px;

讓我知道如果這樣做你需要的東西。

來源

2017-03-02 21:01:33

將視頻置於頁面中間，同時在左側有一個側面菜單。 html/css

回答

相關問題