CSS Yeni Öğreniyorum Yanlışlarım İçin Yardım
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>USS Archouse</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="logo"><a href="#"><img src="img/logobig.png" height="78"></div>
<div class="nav">
<ul>
<li>
<a href="#">ANASAYFA</a>
</li>
<li>
<a href="#">HAKKIMIZDA</a>
</li>
<li>
<a href="#">PROJELER</a>
</li>
<li>
<a href="#">ÇALIŞANLARIMIZ</a>
</li>
<li>
<a href="#">İLETİŞİM</a>
</li>
</ul>
</div>
<div class="slider">
<div class="slider1">
<img src="img/slider1.png">
<h1>AKHİSAR</h1>
<h1>VİLLA</h1>
<h3><a href="#">PROJEYİ GÖR</a></h3>
</div>
</div>
</body>
</html>
*{
margin: 0;
padding: 0;
}
body{
background-color: #000;
font-family: arial;
}
.nav ul li a{
color: white;
text-decoration: none;
}
.nav ul li{
list-style-type: none;
float: left;
margin: 30px;
display: block;
margin-top: 45px;
}
.nav{
position: absolute;
left: 30%;
}
.logo{
position: absolute;
left: 1%;
top: 2%;
}
.slider img{
width: 740px;
position: relative;
left: 55%;
margin-top: 10%;
}
.slider h1{
position: relative;
color: whitesmoke;
display: block;
margin-left: 150px;
bottom: 350px;
}
.slider h3 a{
color: whitesmoke;
text-decoration: none;
border: 2px whitesmoke solid;
padding: 15px;
}
.slider h3 a:hover{
color: black;
transition: 0.5s;
background-color: white;
}
.slider h3{
position: absolute;
left: 150px;
bottom: 400px;
}
Css öğrenmeye başlayalı 2 gün oldu daha öncesinde lisede web tasarım dersi görmüştüm
lisedeki hatalarımı tekrarlıyor gibiyim css kısmında istediğim görüntüyü oluşturabiliyorum fakat
görüntüyü oluştururken yanlış kodlarla oluşturduğumu düşünüyorum sizin düşüncelerini almak istedim
yazdığım kodlar hatalımı yoksa ben yanlış mı düşünüyorum
böyle devam etmelimiyim cevaplarınıza göre tekrardan css derslerine başlayacağım
şuanda PROTOTURK Youtube kanalında css derslerinin 82. bölümündeyim
imgler olduğunda bu şekilde gözüküyor
İstediğiniz görüntüyü oluşturduysanız bir hata olmaz herhalde. Bu arada aşağıdaki kodu "body" den sonra kullansanız daha iyi olur diye düşünüyorum. Yani "nav li" kullanıldığı için önce "nav" etiketinin gelmesi daha iyi olur bence. Kodlar yukarıdan aşağıya doğru ve kapsayan etiket alt etikete etki edecek şekilde dizilirse kodların çalışması daha düzgün olur diye düşünüyorum. Hatam varsa düzeltin arkadaşlar. :)
.nav{
position: absolute;
left: 30%;
}