Siteye eklenen Hakkımda düğmesi çalışmıyor

Selam arkadaşlar. Kendi çapımda site yapmayı çalışıyorum.

Yukarıda gördüğünü gibi Hakkımda yazan yere bir buton ekledim lakin onu sitedeki Hakkımda kısmına gönderemiyorum.

Aynı sayfa içinde göndermek istiyorsan div'in içinde id olarak "hakkimda" vermen lazım.

Eğer farklı sayfaya göndereceksen a href'i değiştirmen gerekli.

Sanırım tasarımınız landing page Href'e verdiğiniz #hakkimda kısmını div içine ID olarak vermeniz gerekiyor ki onu çağırsın. Aksi durumda tıkladığınızda boş döner çünkü ID olarak atadığınız href in gideceği yer yok.

Ecmel dedi:

Aynı sayfa içinde göndermek istiyorsan div'in içinde id olarak "hakkimda" vermen lazım.

Eğer farklı sayfaya göndereceksen a href'i değiştirmen gerekli.

Genişletmek için tıkla...

Öncelikle teşekkürler lakin acaba hangi div'e eklemem gerek?

dodo61 dedi:

Öncelikle teşekkürler lakin acaba hangi div'e eklemem gerek?

Genişletmek için tıkla...

Hakkında butonuna basıldığı zaman ekranın hangi div'de başlamasını istiyorsan o div'e vermen gerekli. Yani hakkında kısmının başlangıcındaki div'e vermen gerekli.

.

@dodo61 kodun tamamını görmediğim için bir şey diyemiyorum. En üstteki div'e vererek test edebilirsin, eğer istediğin yere gelmezse bir alttaki div'e koyarsın. Ona göre ayarlama yaparsın.

Ecmel dedi:

@dodo61 kodun tamamını görmediğim için bir şey diyemiyorum. En üstteki div'e vererek test edebilirsin, eğer istediğin yere gelmezse bir alttaki div'e koyarsın. Ona göre ayarlama yaparsın.

Genişletmek için tıkla...

[CODE title="Çalışmayan Hakkında Düğmesi"] <!-- =============== header =============== -->
<header id="anasayfa" class="header">
<!-- =============== container =============== -->
<div class="container">
<div class="header-content row">


<div id="owl-demo" class="owl-carousel header1">
<div id="hakkimda" class="header">
<div class="col-xs-12 col-sm-6 col-md-6 header-text">
<h2 class="wow bounceIn animated" data-wow-delay=".40s">Kişisel Siteme <span><br/>Hoşgeldiniz!</h2></span>
<h3 class="wow bounceIn animated" data-wow-delay=".50s">Doğukan Ersan Kimdir? </h3>
<p class="wow bounceIn animated" data-wow-delay=".60s">Benim hakkımda bilgi sahibi olmak, yaptığım çalışmalara göz atmak ve benimle iletişime geçmek için sitede dolaşınız.</p>
<p>
<div class="btn btn-primary btn-lg btn-ornge wow bounceIn animated" data-wow-delay="1s"><i class="hbtn"></i></i> <span>Hakkımda</span></i>
</div>
</p>
</div>
</div>
<div>
<div class="col-xs-12 col-sm-6 col-md-6 header-text">
<h2 class="wow bounceIn animated" data-wow-delay=".40s">Benimle <span>İletişim</span> Kurmak<br/> İster Misin?</h2>
<h3 class="wow bounceIn animated" data-wow-delay=".50s">İletişim Kurman Mı Gerekiyor? </h3>
<p class="wow bounceIn animated" data-wow-delay=".60s">Hemen benimle iletişime geçmek için aşağıdaki butona tıklayınız.</p>
<p>
<div class="btn btn-primary btn-lg btn-ornge wow bounceIn animated" data-wow-delay="1s"><i class="hbtn"></i><span>İletişim</span></i>
</div>
</p>
</div>
</div>
</div>
</div>



</div>
<!-- =============== container end =============== -->
</header>[/CODE]
Üstteki çalışmayan hakkımda düğmesi.
[CODE title="Çalışan üst paneldeki hakkımda düğmesş"] <!-- =============== nav =============== -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#anasayfa"><img src="assets/img/logo.png" alt="Logo">
</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#anasayfa">Anasayfa</a>
</li>
<li>
<a class="page-scroll" href="#hakkimda">Hakkımda</a>
</li>
<li>
<a class="page-scroll" href="#calismalarim">Çalışmalarım</a>
</li>
<li>
<a class="page-scroll" href="#galeri">Galeri</a>
</li>
<li>
<a class="page-scroll" href="#blog">Blog</a>
</li>
<li>
<a class="page-scroll" href="#iletisim">İletişim</a>
</li>
</ul>
</div>
<!-- =============== navbar-collapse =============== -->

</div>
</div>
<!-- =============== container-fluid =============== -->
</nav>[/CODE]
Yukardaki kod ise sitede bulunan ve çalışan hakkımda düğmesi.

Kodun bu kısmına bakarak sınıf tanımlaması falan yok derim. Tüm kodu atman lazım daha anlaşılır olması için. Eğer hakkımızda bölümünü buton yapacaksan direkt olarak buton diye tanımlama yap class veya ID oluşturarak CSS de düzenle veyahut bootstrap da hazır buton yapıları var anladığım kadarı ile de bootstrap kullanıyorsun. Bundan ötürü bootstrap da bulunan hazır butonu alarak yapman daha kolay olacaktır senin için en kötü ihtimalle image olarak ekle ona da "a" etiketi ile yönlendirme sağla eğer yapamam dersen.

@dodo61 tamam işte div'in içine hakkimda diye id vereceksin dedim. O çalışan kodda da öyle yapılmış. Problem ne buradaki onu anlamadım.