Menü Kısmını ve logoyu videonun üstüne koyamıyorum (HTML/CSS)

27-05-2022, 19:40:22

Yukarda gördüğünüz logo ve menü kısmını videonun üstüne alamıyorum position: absolute kullanıyorum fakat geçiremedim yardımcı olucak varmi ?

27-05-2022, 19:44:57

#2

oguzhanx

Merhaba,

position: relative; margin-top: - x; z-index: 'header z-index-1' ; şeklinde deneyebilirsin.

27-05-2022, 19:51:43

#3

PHONIX

oguzhanx adlı üyeden alıntı: mesajı görüntüle

Merhaba,

position: relative; margin-top: - x; z-index: 'header z-index-1' ; şeklinde deneyebilirsin.

malesef başaramadım youtube video izleyerek öğrenmeye çalışıyorum temel şeyleri kavradım fakat bu gibi şeyleri bilgisini bulamadım

27-05-2022, 20:05:42

#4

kozanfirmam

PHONIX adlı üyeden alıntı: mesajı görüntüle

Yukarda gördüğünüz logo ve menü kısmını videonun üstüne alamıyorum position: absolute kullanıyorum fakat geçiremedim yardımcı olucak varmi ?

anydesk verin bakalım

27-05-2022, 20:11:44

#5

PHONIX

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>RustKampı</title>
     
     
     
     
     
     <style>
         *{
             margin: 0px;
             padding: 0px;
         }
      
         .menualan{
          background: black;
             list-style-type: none;
            float: right;
             line-height: 40px
                 
             
         }
         
         
         .menualan li{
      
             display: inline-block;
             margin-right: 50px;
             padding-top: 
             
             
             
         }
         .menualan a{
             color: white;
             text-decoration: none;
             display: inline-block;
             padding-left: 10px;
             padding-right: 10px;
             padding-top: 50px
             padding-bottom: 0px;
             font-family: monospace;
             font-weight: bold;
             font-size: 20px
                 
         }
         .satınal{
             background-color: red;
             height: 40px
         }
         
        
         
        
         img{
          padding-top: 15px;
             position: absolute;
             padding-left: 100px;
             width:50px
                 transform: translate3d(1)
         }
         img:hover{
             width:60px;
             transform: translate3d(1.2)
         }
         
        
         video{
             width: 1917px;
             position: relative;
             z-index: -1;
         }
        
         
    
    
    </style>
    
</head>


<body>
  
   
   <div class="logo">
      <img src="https://files.facepunch.com/lewis/1b2911b1/rust-marque.svg" alt="rustlogosu">
       
      
       
   </div>
   
   <ul class="menualan">
       
    <li><a href="#">ANASAYFA</a></li>
      <li><a href="#">ANASAYFA</a></li>
      <li><a href="#">ANASAYFA</a></li>
      <li><a href="#">ANASAYFA</a></li>   
      <li class="satınal"><a href="#">SATIN AL</a></li>
            
       
       
       
       
       
   </ul>
   
   
 <div id="banner">
          
<video src="workcart.mp4"autoplay muted playsinline 
    
</video>
     
     
  </div>
    
</body>




</html>

27-05-2022, 20:13:37

#6

PHONIX

kozanfirmam adlı üyeden alıntı: mesajı görüntüle

anydesk verin bakalım

belirttim

02-06-2022, 22:29:58

#7

Sefaakcihan

Hocam hizalamada flex yapısını kullanmanızı öneririm float ortalığı karıştırıyor