div linkabili che si spostano.

Hachi Komatsu

Nuovo Utente
22 Lug 2014
2
0
0
Salve a tutti, sto realizzando un sito con dei div cliccabili. Nella mia homepage è presente un div privo di bordo con all'interno altri 4 div con delle immagini come background, tramite i css ho fatto in modo (con l'istruzione hover) di cambiare l'immagine quando ci si clicca sopra per poi venire indirizzati in un'altra pagina del sito. Fin qui tutto ok, il primo div rimane fermo ma quando cerco di applicare il link tramite il tag <a href> anche agli altri div, questi si spostano, mi spiego, appena scrivo l'istruzione quando controllo sul browser noto che si sono spostati più in basso(e di tanto),l'hover e il link funzionano ma non riesco a riposizionare gli altri tre div, ho provato a inserire nei css dove ho messo l'hover, gli stessi parametri del div quando non è linkato ma nulla, cosa mi sfugge?ho seguito dei tutorial per farlo quindi non capisco dove stia il problema. Vi posto il codice:

codice html:
<body>
<div class="contenitore">
<a href="pagina.html">
<div class="pagina1"></div>
</a>
</div>

.pagina1{
position:relative;width:245px;height:670px;left:7%;top:2%; border: 2px solid black;
background-image:url(immagine.jpg);
background-repeat:no-repeat;
background-position:center center;
}

.pagina1 a {
color:#FFFFFF;
}

.pagina1:hover {
background-image:url(immaginechiara.jpg);
position:relative;width:245px;height:670px;left:7%;top:2%; border: 2px solid black;
background-repeat:no-repeat;
background-position:center center;
}
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
paloppa Div che appare appena due form sono compilati jQuery 16
S [javascript] visualizzare/nascondere div Javascript 3
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
L php - pulsante premuto che mostra #div PHP 3
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7
C Nascondere un div al click di una casella Ajax 1
S [HTML] Distanza esatta tra due div HTML e CSS 7
G [HTML] Posizionamento testo in un div HTML e CSS 5
trattorino css solo se richiama un class di un div HTML e CSS 1
G [HTML] Bordo bianco sotto immagine in un Div HTML e CSS 1
trattorino Estrarre Nome Utente jquery div php PHP 9
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
G [Javascript] scrollare div Javascript 2
A Bootstrap grid img a sinistra serie di div a destra CMS (Content Management System) 1
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0
WebDr [ASP] Aggiornare una pagina in un div da un altro div su pagina diversa Classic ASP 3
F [HTML] pagina non scorre e div sotto l'altezza del browser non si vedono HTML e CSS 3
U div fisso che ad un certo punto dello scroll scompare jQuery 2

Discussioni simili