Web sayfasındaki arka plan nasıl tamamen yatay yapılır?

ErrorCorrection

Hectopat
Katılım
11 Ağustos 2022
Mesajlar
2.542
Çözümler
4
Daha fazla  
Cinsiyet
Erkek
Ekranı büyütünce çok kötü bir görüntü oluşuyor. Ekranı full yatay olarak kaplamasını istiyorum. Bir de Welcome yazısını tam ortalayamadım.
HTML:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hotel</title>
    <link rel="stylesheet" type="text/css" href="hotel.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.3.0/css/all.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,500;1,300&display=swap" rel="stylesheet">

</head>
<body>
    <header id="header" class="">
      
    <div class="navbar">
        <h2> <i class="fa-solid fa-hotel"></i><span>Deluxe</span> Hotel</h2>
        <div>
            <div><a href="#" title="">Home</a></div>
            <div><a href="#" title="">Rooms</a></div>
            <div><a href="#" title="">Contact</a></div>
            <div><a href="#" title="">About</a></div>
            <div><a href="#" title="">Sign Up</a></div>
        </div>
    </div>

    <div>
      
    <h1>Welcome </h1>
    </div>
    </header><!-- /header -->

</body>
</html>
 

Dosya Ekleri

  • 1678739657316.png
    87,6 KB · Görüntüleme: 59
Hocam çok değişik bir kod yapınız var. Navbar'a iki kere background-size Auto vermişsiniz. Bir kez vermeniz yeterli ayrıca background size Auto yerine cover veya contain kullanabilirsiniz. Bu sayede sorun ortadan kalkacaktır
 
Hocam çok değişik bir kod yapınız var. Navbar'a iki kere background-size Auto vermişsiniz. Bir kez vermeniz yeterli ayrıca background size Auto yerine cover veya contain kullanabilirsiniz. Bu sayede sorun ortadan kalkacaktır

Hocam 1 ay geçmiş. Hala öyle değişik yazmıyorum biraz düzelttim ama hala karışık.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…