Çözüldü HTML ve CSS ile Bookmark Nasıl Oluşturulur?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Spawrain

Kilopat
Katılım
13 Nisan 2016
Mesajlar
555
Çözümler
1
Daha fazla  
Cinsiyet
Erkek
HTML ve CSS'i yeni öğreniyorum. Şu videodaki gibi renkli kutular ve bookmark yapmaya çalışıyorum fakat olmuyor. Videodaki gibi renkli kutular çıkmıyor linkte tıkladığımda ya da URL girdiğimde o satıra gidemiyorum. Yazdığım kodda neyin hatalı olduğunu yazabilir misiniz?

[CODE title="Bookmarks"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bookmarks</title>
</head>
<style>
.box {
width: 200px;
height: 200px;
text-align: center;
padding: 50px;
}
#box1 {
background: red;
}
#box2 {
background: blue;
}
#box3 {
background: green;
}
#box4 {
background: peru;
}
#box5 {
background: purple;

}
</style>

<body>
<ul>
<li><a href="#box1">Box 1</a></li>
<li><a href="#box2">Box 2</a></li>
<li><a href="#box3">Box 3</a></li>
<li><a href="#box4">Box 4</a></li>
<li><a href="#box5">Box 5</a></li>
</ul>
<div id="Box1" class="box">BOX 1</div>
<div id="Box2" class="box">BOX 2</div>
<div id="Box3" class="box">BOX 3</div>
<div id="Box4" class="box">BOX 4</div>
<div id="Box5" class="box">BOX 5</div>
</body>
</html>[/CODE]
 
Çözüm
Hocam neden ID'leri büyük verdiniz. ID'ler küçük yazılması gerekir. ID'lerin baş harflerini küçük yazın sorununuz büyük ihtimalle çözülecektir. Veya baş harflerini büyük yazıyorsanız style olarak gösterdiğiniz zamanda baş harflini büyük yapmak zorundasınız.

Kod:
<div id="box1" class="box">BOX 1</div>
 <div id="box2" class="box">BOX 2</div>
 <div id="box3" class="box">BOX 3</div>
 <div id="box4" class="box">BOX 4</div>
 <div id="box5" class="box">BOX 5</div>
Hocam neden ID'leri büyük verdiniz. ID'ler küçük yazılması gerekir. ID'lerin baş harflerini küçük yazın sorununuz büyük ihtimalle çözülecektir. Veya baş harflerini büyük yazıyorsanız style olarak gösterdiğiniz zamanda baş harflini büyük yapmak zorundasınız.

Kod:
<div id="box1" class="box">BOX 1</div>
 <div id="box2" class="box">BOX 2</div>
 <div id="box3" class="box">BOX 3</div>
 <div id="box4" class="box">BOX 4</div>
 <div id="box5" class="box">BOX 5</div>
 
Çözüm
Hocam neden ID'leri büyük verdiniz. ID'ler küçük yazılması gerekir. ID'lerin baş harflerini küçük yazın sorununuz büyük ihtimalle çözülecektir.

Kod:
<div id="box1" class="box">BOX 1</div>
 <div id="box2" class="box">BOX 2</div>
 <div id="box3" class="box">BOX 3</div>
 <div id="box4" class="box">BOX 4</div>
 <div id="box5" class="box">BOX 5</div>

Teşekkür ederim hocam, sorun çözüldü.
 

Yeni konular

Geri
Yukarı