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

futurist · 31 Ağustos 2013

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 · 31 Ağustos 2013

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 · 31 Ağustos 2013

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 · 1 Eylül 2013

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.

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

futurist

Üye

Emre ÇETİNER

Altın Üye

futurist

Üye

futurist

Üye