2016-03-25 19 views
1

Sadece ana sayfamın daha iyi görünmesini sağlamaya çalışıyorum ve yavaş internetten indirmek için arşınmayı kolaylaştırıyorum.Anchor tüm sayfalarda ve sadece metin üzerinde değil

Daha önce görüntüleri metin olarak kullandım ve bu da yavaş yükleniyor. Şimdi gerçek metin kullanmaya çalışıyorum. Sorun, çapanın sayfanın tüm genişliğine ve sadece metne yayılmamasıdır. Sayfayı

Bağlantı: Ben metnin sonunda bulunan "Dur" yapmak ama yine ekran olarak ikinci hatta metin taşması yapabilirsiniz nasıl http://www.hoppvader.nu/index2.php

: block; yapar? Geçerli kurulum, telefon olarak küçük cihazlarda iyi çalışıyor ancak sorun, ankrajın çok uzadı.

CSS

@font-face { 
    font-family: "Klubb"; 
    src: url(Manifest/sys/MonotypeCorsiva.ttf) format("truetype"); 
} 
span.Klubb { /* Text link */ 
     font-family: 'Klubb', Verdana, Tahoma; 
     font-size: 3.5vw; 
     font-weight: 900; 
     text-shadow: 0.5px 0.5px #FF0000; 
     color: black; 
     display: block; 
     padding-left: 150px; 
     margin-left: 40px; 
     margin-top:0px; 
     padding-bottom:20px; 
    } 
span.pLogga { /* Image on the left of text */ 
     float: left; 
     width: 160px; 
     text-align: center; 
     } 

Numune html:

<span><a Style='text-decoration:none' href=UFK-Skelleftea.php><span class='pLogga'><img src=../Manifest/sys/Logga/UFK.gif alt='Umeå Skellefteå' height=50/></span><span class='Klubb'>Umeå fallskärmsklubb (Skellefteå)</span></a></span><br> 
<span><a Style='text-decoration:none' href=UFK-Umea.php><span class='pLogga'><img src=../Manifest/sys/Logga/UFK.gif alt='Umeå fallskärmsklubb Umeå' height=50/></span><span class='Klubb'>Umeå fallskärmsklubb (Umeå)</span></a></span><br> 
+0

tüm öğeler blok seviyesi olduğu için, her nerede kullandığınız 'display: block; 'make it' display: inline-block; ' –

+0

Şimdi bunu denedim. Ve pencere tam ekran olduğu sürece çalışır, ancak pencereyi daha küçük bir şekilde yeniden boyutlandırmak için çıldırır. – Andreas

+1

işaretlemeniz dağınık. Temizlemen gerekiyor. Şamandıralardan faydalanın. –

cevap

1

Ben dış açıklık ekran yapma öneririm: block, berrak: sol. Float ekleyin: .klubb span'a bırakın ve üzerinde dolgu/marjı azaltın.

+0

Net kalan nedir? Sanırım kod, açık sol hariç, söylediğiniz gibi. – Andreas

+0

clear, sayfa boyunca yatay olarak görüntülemekten ziyade, yığınların yığılmasını sağlayacak bir özelliktir, 'birbirinden temizle'. Öğeleri sola veya sağa temizleyebilirsiniz. Kayan öğeleri kullanırken çok kullanışlıdır. – claicham

+0

Ahh ... Bu yüzden, kendilerini tam ekran modunda yan yana yerleştiriyorlar? :-) Teşekkürler! :-) – Andreas