a href ile link veriyorum linke gitmiyor yardım lütfen

futurist

Üye
Kayıt
7 Kasım 2012
Mesaj
161
Tepki
9
Tekstil Grafik Kursu
alt alta oluşturduğum yazıların arasına link veriyorum hepsi çalışıyor ama sondaki çalışmıyor. daha doğrusu linkin üstüne gidince el şeklinin çıkması lazım normal yazı gibi duruyor. link verdiğim adreste sorun yok aynı adresi yukarıya taşıyınca çalışıyor. yukarıdaki çalışan linki aşağıya indirince oda çalışmıyor 1 saattir uğraşıyorum çıldıracağım artık. lütfen yardım edin

html:
HTML:
<div id="urettiklerim">
 <div class="yazıalanı7" align="center">
       <div class="yazıicerik7">
            <h2><strong>ürettiklerim</strong></h2>
            <p>Üretmeyen insanın tüketmeye hakkı yoktur
         
            <a href="urettiklerimsayfasi.html" style="color: rgb(5,40,61)">DEVAMI İÇİN BURAYA TIKLAYIN</a>
            </p>
       
            </div>
         **</div>
         urunlerim</div>
         
<div id="satiliklarim">
<div class="yazıalanı9" align="center">
        <div class="yazıicerik9">
            <h2><strong>SATILIKLARIM</strong></h2>
            <p>SATTIĞIM ŞEYLER</p>         
             <p><a href="satiliklarimsayfasi.html" style="color: rgb(51,255,153)">DEVAMI İÇİN BURAYA TIKLAYIN</a></p>
        </div>
         **</div>
       
 </div>
css

#main #urettiklerim .yazıalanı7 {
font-family: 'Gudea','Helvetica Neue',Arial,Helvetica,sans-serif;
width:1000px;
height:200px;
margin-top: auto;
margin-bottom: auto;
position: relative;
display:block;
margin-left: auto;
margin-right: auto;
background-color: transparent;

#main #satiliklarim .yazıalanı9 {
font-family: 'Gudea','Helvetica Neue',Arial,Helvetica,sans-serif;
width:1000px;
height:200px;
position: relative;
display:block;
background-color:transparent;
display:block;
margin: auto;
padding-top: 80px;
padding-bottom: 100%;



}
 

Emre ÇETİNER

Altın Üye
Altın Üye
Kayıt
23 Eylül 2012
Mesaj
483
Tepki
17
style kodlarında } kapanışları yapmamışsın sanırım kodları yazarken düzenli yazmaya özen göster hataları daha çabuk bulursun kod düzeni diye biraz araştırma yaparsın sistemi anlarsın. Aşağıda toparlanmış hali mevcut.

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta ***********="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#main #urettiklerim .yazıalanı7 {
font-family: 'Gudea','Helvetica Neue',Arial,Helvetica,sans-serif;
width:1000px;
height:200px;
margin-top: auto;
margin-bottom: auto;
position: relative;
display:block;
margin-left: auto;
margin-right: auto;
background-color: transparent;
}

#main #satiliklarim .yazıalanı9 {
font-family: 'Gudea','Helvetica Neue',Arial,Helvetica,sans-serif;
width:1000px;
height:200px;
position: relative;
display:block;
background-color:transparent;
display:block;
margin: auto;
padding-top: 80px;
padding-bottom: 100%;
}
</style>
</head>

<body>
<div id="urettiklerim">
        <div class="yazıalanı7" align="center">
               <div class="yazıicerik7">
                <h2><strong>ürettiklerim</strong></h2>
                <p>Üretmeyen insanın tüketmeye hakkı yoktur
             
                <a href="urettiklerimsayfasi.html" style="color: rgb(5,40,61)">DEVAMI İÇİN BURAYA TIKLAYIN</a>
                </p>
            </div>
        **
        </div>
         urunlerim
</div>
         
<div id="satiliklarim">
      <div class="yazıalanı9" align="center">
            <div class="yazıicerik9">
                <h2><strong>SATILIKLARIM</strong></h2>
                <p>SATTIĞIM ŞEYLER</p>         
                 <p><a href="satiliklarimsayfasi.html" style="color: rgb(51,255,153)">DEVAMI İÇİN BURAYA TIKLAYIN</a></p>
            </div>
         **
      </div>
</div> 
</body>
</html>
 

futurist

Üye
Kayıt
7 Kasım 2012
Mesaj
161
Tepki
9
ben buraya geçirirken yazmamışım. kodlarda yanlışlık yok. hiç sorun yok ama linkte gelince el şeklinin olması lazım o olmuyor nedense ..
ayrıca risdigi nin tasarımıda hoşmuş jquery ile mi yapıkıyor böyle bir tasarım
 

futurist

Üye
Kayıt
7 Kasım 2012
Mesaj
161
Tepki
9
sorunumu çözdüm. bir resimin üstüne yukarıdaki gibi divler ve link yazmıştım. resimin css kodlarına z-index:-1 vermiştim o yüzden bu div altta kaldığından mause un gelişini algılamıyordu. z-index sildim düzeldi.
 
Yukarı Alt