Çö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

Hectopat
Katılım
13 Nisan 2016
Mesajlar
455
Çözümler
1
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?

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>
 
Çö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>

ahevr

Hectopat
Katılım
5 Ağustos 2015
Mesajlar
102
Çözümler
1
Yer
İzmir
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
KS
KS
Spawrain

Spawrain

Hectopat
Katılım
13 Nisan 2016
Mesajlar
455
Çözümler
1
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

Yukarı