Link non funzionanti, Css o Html?

**Aires** · 17-02-2011, 10:51

Problema Risolto, ma come?!
Devo già editare perchè ho risolto, avevo mandato a capo i div e non funzionava, togliendo gli spazi funziona, come è possibile? Mi pare un po assurdo visto che gli spazi erano dopo < a href="..">

[Ex Problema]
Allora ho una paginetta con 2 div che costituiscono le colonne e dentro un div, altri 5 div, spaziati e tutto come li voglio. Ora mi son messo ad aggiungere un <a href> ad ogni div minore per rimandarmi a certe aree del sito ma non so perchè il 4 div non funziona mai anche se copio e incollo il codice del div precedente, è assurdo! In piu il css lo da valido il controllo del w3c

Ecco il css

codice:

html,body{ 
  width:99%; 
  background: black;
}

#Collegamenti{ 
  width:20%;
  height:100%;
  background:black;
  float:left;
  margin-top: 2px; 
  margin-right: 20px; 
  margin-bottom: 2px; 
}

#Immagine{ 
  width:77%;
  height:100%;
  background:black;
  float:left;
  margin-top: 2px; 
  margin-right: 0px; 
  margin-bottom: 2px; 
}

#Col_1,#Col_2,#Col_3,#Col_4,#Col_5{
  width:90%;
  height:10%;
  background:black;
  margin-top: 25%;
  margin-right: auto;
  margin-left: auto;
}

#Col_6{
  width: 95%;
  height: 95%;
  background: black;
  margin-top: 2%;
  margin-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
  background-image: url(Index/immagineK.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

Ecco l'html

Codice PHP:


<head>

<style type="text/css"> 

... incollato sopra...

</style>

</head>

<body bgcolor="black">

<div id="Collegamenti">

 

 <a href="home.php">

      <div id="Col_1" style="background-image: url(Index/Home.png); background-position: center center;">    

      </div>

  </a>

  <a href="Pagine/PagA.php">

      <div id="Col_2" style="background-image: url(Index/PagA.png); background-position: center center;">

      </div>

  </a>

  <a href="Pagine/PagB.php">

      <div id="Col_3" style="background-image: url(Index/PagB.png); background-position: center center;">

      </div>

  </a>

 <a href="Pagine/PagC.php">

      <div id="Col_4" style="background-image: url(Index/PagC.png); background-position: center center;">

      </div>

  </a>

  <a href="Pagine/PagD.php">

      <div id="Col_5" style="background-image: url(Index/PagD.png); background-position: center center;">

      </div>

  </a>



</div>

<div id="Immagine">

   <div id="Col_6"></div>

</div>

</body>

Grazie

**Prill** · 17-02-2011, 15:19

il codice html è comunque non giusto: "a" è un elemento in linea che non può contenere un elemento blocco, poi che funzioni è altro discorso (ma per quale motivo metti un div interno?)

**Aires** · 17-02-2011, 15:35

Per fare da contenitori ad immagini e non usare le tabelle.

**Prill** · 17-02-2011, 15:47

potresti, per un codice valido e tag non vuoti, allora avere <div><a><img></a></div>, in questo caso potresti rendere disponibile anche un contenuto alternativo per le immagini. Ma anche senza div, con codice semplificato, non so ovviamente come sia la tua pagina e quindi è solo un'ipotesi, si potrebbero usare solo i link con display:block e tutte le impostazioni del caso

**Aires** · 17-02-2011, 16:01

Proverò con il display block anche se ora funziona.
Il senso era impostare l'immagine come sfondo del div per via che non esca da questo, poi la rendevo cliccabile.
Grazie

Discussione: Link non funzionanti, Css o Html?

Strumenti discussione

Ricerca discussione

Visualizza

Link non funzionanti, Css o Html?

Permessi di invio