[HTML / PHP] a href che non funzionano

12-08-2011, 16.00.10

Ciao a tutti! :D
Spero di aver postato nella sezione giusta.. Dove ero prima sbagliavo sempre posto D:
Comunque, lasciando perdere le presentazioni.. Ho un problema..
Su questa pagina:
http://apocalypt.altervista.org/
nella parte in basso dove ci sono i 3 video piccoli, non mi fa cliccare sui link (a href) del titolo e della scritta "continua".. Qualcuno sa il perchè? :D
Grazie in anticipo ;D

Ecco il codice, a chi dovesse servire:

Codice HTML:

<html>

<head>

<title>Apocalypt95</title>

<link rel="stylesheet" href="css.css" type="text/css">

<script>document.onkeydown=document.onkeypress=function(e){e=(window.event?window.event:e);k=String.fromCharCode(window.event?e.keyCode:e.which).toLowerCase();if (e.ctrlKey&&((k=='u')||(e.shiftKey&&((k=='i')||(k=='j'))))){return false}return true}</script>

</head>

<body oncontextmenu="return false" ondragstart="return false" unselectable="on" style="background: url(/img/bg1.jpg) top left repeat-x;">

<div style="width: 100%; position: relative; color: white;">





<a href="/"><div class="logo" style="height: 125px; background: url('/img/robo1.jpg') top left no-repeat;"></div></a>



<div class="menu-div">

<a href="/" class="menu-active-home">home</a>

<a href="/chi-siamo" class="menu">chi siamo?</a>

<a href="/foto" class="menu">foto</a>

<a href="/video" class="menu">video</a>

<a href="/contatti" class="menu">contatti</a>

</div>

<iframe class="iframe-big" width="500" height="311" src="http://www.youtube.com/embed/HHbBwhpwKe8?rel=0" frameborder="0" allowfullscreen></iframe>

<div class="iframe-big-description" align="justify">

<a href="/video/blog-2"><span>Blog #2</span></a><br>

Giugno 2011. Questo video non ha un senso tutto suo, serve solo per farci pubblicità u.u A partire da Giugno infatti, anche noi abbiamo ufficialmente una pagina FaceBook e un sito internet :) Per trovarci su FaceBook, basta scrivere Apocalypt95 sulla barra di ricerca, fra i primi posti ci siamo noi u.u Comunque, villa Fogliano è un posto molto figo, anche se non sembra.. Anche se ci sono un pò "troppi" ciclisti e "corristi" ._. Per il resto, il lago è figo, il posto e figo ed è un bel luogo per passare una giornata con gli amici. Appunti: Villa Fogliano è utile per qualche prossimo video. Ci sentiamo il mese prossimo, ciao! :D

<div style="text-align: right;">Gismo</div>

</div>

</div>

<div class="sfumatura"></div>

<div class="news-back">

<div class="news-top">



<div class="small-video-1">

<iframe width="270" height="183" src="http://www.youtube.com/embed/RLDrO2GJvAk?rel=0" frameborder="0" allowfullscreen></iframe>

<div class="small-video-description" align="justify">

<a href="/video/vocal-search"><span>Vocal search</span></a><br>

Questo è un video dove le nostre idee non erano scarse.. di più ._. Per fare il video abbiamo usato l'unico oggetto che in quel momento poteva darci un grosso aiuto: il VOCABOLARIO *-* Ognuno di noi ha pescato una parola e ne ha cominciato a parlare.. Non

<div align="right"><a href="/video/vocal-search">continua..</a></div>

</div></div>

<div class="small-video-2">

<iframe width="270" height="183" src="http://www.youtube.com/embed/kJYrxARM9m0?rel=0" frameborder="0" allowfullscreen></iframe>

<div class="small-video-description" align="justify">

<a href="/video/blog-1"><span>Blog #1</span></a><br>

Questo è il nostro primo blog ed è un video fatto alla fine del mese quindi alla c***o di cane, ma come sempre ci si accontenta. Il paesaggio che ci circonda è la spiaggia di Latina (non so a quante persone possa interessare ma l'ho scritto lo stesso ._. ) Dovremo pre

<div align="right"><a href="/video/blog-1">continua..</a></div>

</div></div>

<div class="small-video-3">

<iframe width="270" height="183" src="http://www.youtube.com/embed/88nq1M4dC38?rel=0" frameborder="0" allowfullscreen></iframe>

<div class="small-video-description" align="justify">

<a href="/video/san-valentino"><span>San Valentino</span></a><br>

San Valentino, molti ci arrivano fidanzati.. Altri, come noi, no, e preferiscono mettersi davanti a una telecamera e fare video ;D A parte qualche pubblicità di distrazione, una new entry solo per questo video e una micro-presentazione iniziale stupenda, siamo riusc

<div align="right"><a href="/video/san-valentino">continua..</a></div>

</div></div>



</div>

</div>

<div style="width: 800px; height: 466px; position: absolute; top: 804px; left: 200px; background: url(/img/robo3.png) top left no-repeat; z-index: 40;"></div>

<div style="width: 187px; height: 484px; position: absolute; top: 100px; left: 920px; background: url(/img/robo2.png) top left no-repeat; z-index: -40;"></div>

</body>

</html>

**soulcanada** · 12-08-2011, 16.40.12

Il div class="sfumatura" sovrasta quegli elementi perchè ha una z-index pari a 3 rendendo di fatto impossibile interagire con gli elementi sottostanti...

Spero di essermi spiegato...

12-08-2011, 16.42.13

sisi, spiegato di sicuro xD
ma i div small-video-description ha una z-index pari a 10000 xD

Ecco il css:

Codice HTML:

body {width: 900px; background: #fff; margin: 0 auto 0 auto; padding: 0px; color: #000; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; cursor: default; overflow-y: scroll; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; display: block;}
a {text-decoration: none; color: #000;}
img {border: 0px; outline: none; display: block;}
input {outline: none; margin: 0px; padding: 0px; color: #000; font-size: 11px; display: block;}
textarea {overflow: hidden; resize: none; outline: none; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000; font-size: 11px; display: block;}
div {padding: 0px; margin: 0px; color: #000; font-size: 11px; display: block;}
table {cellmargin: 0px; cellpadding: 0px; border-collapse: collapse; padding: 0px; color: #000; font-size: 11px; display: block;}
td {padding: 0px; color: #000; font-size: 11px; display: block;}


.logo {width: 250px; height: 83px; background: url(/img/robo1b.jpg) top left no-repeat; position: absolute; top: 2px; left: 0px; display: block; z-index: 0;}

.iframe-big {position: absolute; top: 125px; left: 0px; z-index: 1;}
.iframe-big-description {width: 190px; height: 500px; position: absolute; top: 116px; left: 530px; font-size: 11px; line-height: 15px;color: #111; text-shadow: 1px 1px 0px #bbb; -webkit-text-shadow: 1px 1px 0px #bbb; -moz-text-shadow: 1px 1px 0px #bbb; -o-text-shadow: 1px 1px 0px #bbb;}
.iframe-big-description a span {font-size: 26px; line-height: 37px; font-weight: bold; color: #222; text-shadow: 2px 2px 0px #aaa; -webkit-text-shadow: 2px 2px 0px #aaa; -moz-text-shadow: 2px 2px 0px #aaa; -o-text-shadow: 2px 2px 0px #aaa; margin-bottom: 20px;}

.sfumatura {width: 100%; height: 400px; position: absolute; top: 470px; left: 0px; background: url(/img/sfumatura.png) top left repeat-x; z-index: 3;}
.news-back {width: 100%; height: 800px; position: absolute; top: 470px; left: 0px; background: #111;  z-index: 2;}
.news-top {width: 900px; height: 400px; position: relative; margin: 0 auto 0 auto; background: #333; box-shadow: 0px 15px 20px #000; -webkit-box-shadow: 0px 15px 20px #000; -moz-box-shadow: 0px 15px 20px #000; -o-box-shadow: 0px 15px 20px #000;}

.menu-div {width: 500px; position: absolute; top: 68px; right: 0px; text-align: right;}
.menu {background: #666; color: #fff; font-size: 11px; padding: 4 6; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: bold;}
.menu:hover {background: #555; color: #fff;}
.menu-active {background: #fff; font-size: 11px; padding: 4 6; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: bold;}
.menu-active-home {background: #e6e6e6; font-size: 11px; padding: 4 6; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: bold;}

.small-video-1 {width: 300px; position: absolute; top: 20px; left: 0px; text-align: center; border-right: 2px dashed #777;}
.small-video-2 {width: 300px; position: absolute; top: 20px; left: 300px; text-align: center; border-right: 2px dashed #777;}
.small-video-3 {width: 300px; position: absolute; top: 20px; left: 600px; text-align: center;}
.small-video-description {width: 260px; margin: 10px 20px; z-index: 10000; color: #787878;  text-shadow: 0px 1px 0px #111; -webkit-text-shadow: 0px 1px 0px #111; -moz-text-shadow: 0px 1px 0px #111; -o-text-shadow: 0px 1px 0px #111;}
.small-video-description a span {color: #fff; font-size: 14px; font-weight: bold; line-height: 22px; text-shadow: 0px 1px 0px #111; -webkit-text-shadow: 0px 1px 0px #111; -moz-text-shadow: 0px 1px 0px #111; -o-text-shadow: 0px 1px 0px #111;}
.small-video-description div a {color: #aaa; line-height: 22px; text-shadow: 0px 1px 0px #111; -webkit-text-shadow: 0px 1px 0px #111; -moz-text-shadow: 0px 1px 0px #111; -o-text-shadow: 0px 1px 0px #111;}

**soulcanada** · 12-08-2011, 16.53.55

Ho visto ma quel div ti copre comunque gli elementi sottostanti indipendentemente dallo z-index.

Perchè non provi a ridurre l'altezza di quel div? Al posto di 400px prova 10px e dovrebbe funzionare (è esattamente l'altezza dell'immagine che usi come sfondo per la sfumatura).

12-08-2011, 17.03.48

Grazie, ho risolto :D
Sei un grande! ;D

Originalmente inviato da soulcanada

...ma quel div ti copre comunque gli elementi sottostanti indipendentemente dallo z-index...

com'è? o.o

Discussione: [HTML / PHP] a href che non funzionano

LinkBack

Strumenti discussione

Display

[HTML / PHP] a href che non funzionano

Regole di scrittura