HTML'de resmi yukarı kaydırmak

herchell · 12 Kasım 2023

Resimde görüldüğü gibi side-bar logonun ortada durmasına engel oluyor. Bunu yukarı kaydırabilir miyim?

724305 · 12 Kasım 2023

Hocam display Flex vermeyi denedin mi?

herchell · 12 Kasım 2023

724305 dedi:
Hocam display Flex vermeyi denedin mi?

Css üzerinden mi, style.css diye dosya oluşturup menu bar side bar yaptım da, nereye yazmam gerekiyor?

delikarga · 12 Kasım 2023

Şöyle bir şey yaptım yardımcı olur sanırım. Background olarak istemezseniz yazarsanız düzeltirim. JSFiddle

HTML:

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>delikarga</title>
</head>
<body>
  <div class="container">
    <div class="sidebar"></div>
    <div class="content"></div>
  </div>
</body>
</html>

Kod:

body {
  margin:0;
}
.container {
  display:flex;
}
.sidebar{
  flex:20%;
  height:100vh;
  background-color:#16537e;
}
.content {
  flex:80%;
  background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Milli_E%C4%9Fitim_Bakanl%C4%B1%C4%9F%C4%B1_Logo.svg/2048px-Milli_E%C4%9Fitim_Bakanl%C4%B1%C4%9F%C4%B1_Logo.svg.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:10%;
}

HTML'de resmi yukarı kaydırmak

Ayrıntılı düzenleme

herchell

Hectopat

Dosya Ekleri

724305

Centipat

herchell

Hectopat

delikarga

Kilopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz