HTML'de resmi yukarı kaydırmak
- Konuyu başlatan herchell
- Başlangıç Tarihi
- Mesaj 3
- Görüntüleme 469
KS
KS
herchell
Hectopat
- Katılım
- 12 Ekim 2019
- Mesajlar
- 246
- Çözümler
- 1
Css üzerinden mi, style.css diye dosya oluşturup menu bar side bar yaptım da, nereye yazmam gerekiyor?
- Katılım
- 30 Temmuz 2019
- Mesajlar
- 1.971
- Çözümler
- 27
Şö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%;
}
