2016-03-29 11 views
-1

Web geliştirmeye yeni başladım ve bir portföy oluşturmaya çalışıyorum ancak kodlama ile ilgili küçük bir sorunla karşılaşıyorum.Bir href'i başka bir HTML belgesindeki bir bağlantıya bağlama ve merkezleme

Bir href etiketini <div id>'a bağlamak istiyorum, ancak başka bir <html>. Başka bir konu, pencerenin ortasına gelmesini istiyorum. Ben yapışır bir gezinti çubuğu var çünkü ben merkezli olmak istiyorum nedenidir features.html

<div class="thumbnailspread" id="Spread5"> 
     <img src="i/Spread_5.png" width="420"/> 
     <h5 class="slug">Departments</h5> 
     <p>Natural Health Magazine</p> 
    </div> 

index.html

<a class="thumbnail" href="features.html#Spread5"> 
     <img src="i/Thumbnail_13.png" width="200"/> 
     <h5 class="slug">Departments</h5> 
     <p>Muscle Fitness Hers</p> 
    </a> 

:

Bu

bir örnektir Belli bir tutarı aşağı kaydırdığınızda (çevrimiçi bulduğum bir komut dosyası kullanarak) Dolayısıyla, <href> numaralı telefonu her tıklattığımda, bir sonraki sayfada onu gizler. o yüzden bu örnekte olduğu gibi çok spesifik olamaz 4 farklı HTMLs birden divlere çalışmak yapmaya çalışıyorum

:

window.location.href = "#"+anchor; 

ama:

function goToAnchor() { 
window.location = "#center"; 
} 

yüzden, belki kullanmalıyım Bu doğru çözüm olup olmadığından emin değilim.

Herhangi bir yardım için teşekkür ederiz!

+0

Eğer window' üzerinde 'merkezi tarafından ne anlama geliyor? –

+0

Tam olarak merkezde olmak ne istiyorsun? – abhiagNitk

cevap

0

Geçerli HTML'nizi bir div içine sarın ve bağlantıyı ortalayın. sizin css dosyasında

<div class="container"> 
    <a class="thumbnail" href="features.html#Spread5">...</a> 
</div> 

.thumbnail { 
    display: block; 
    text-align: center; 
} 

Fiddle

İlgili konular