Back to top

Autore Topic: Conflitto di div  (Letto 1505 volte)

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Conflitto di div
« il: 15 Gen 2015, 12:18:20 »
Buongiorno

Ho un problema di sovrapposizione di div che mi impedisce di linkare.

link alla pagina del sito: www .hotelgrazia.it/trattamenti-termali/trattamenti-beauty.html
In alto ho un modulo wrapper per il modulo booking esterno, e sotto a destra ho un elenco di categoria blog.
Il modulo wrapper ha una data altezza per permettere l'apertura dei calendari e per poter farli sovrapporre senza abbassare i contenuti ho dato uno z-index elevato al wrapper, di conseguenza il relativo div mi copre la parte sottostante
Il titolo  del primo articolo non era linkabile, per riportarlo sopra ho aggiunto questo codice:

Codice: [Seleziona]
h1, h2, h3 {
font-size: 16px;
line-height: 20px !important;
position: relative;
z-index: 999999;
}
Aumentando lo z-index dei link
Non riesco però a farlo anche per il leggi tutto del primo articolo per riportarlo sopra, su quale classe o div devo agire?

Grazie

Offline alepar

  • Esploratore
  • **
  • Post: 142
    • Mostra profilo
Re:Conflitto di div
« Risposta #1 il: 15 Gen 2015, 17:09:26 »
Ciao

Era questo il problema?

Codice: [Seleziona]
footer .entry-meta {
position: relative;
z-index: 999999999;
}
« Ultima modifica: 15 Gen 2015, 18:01:01 da alepar »

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Conflitto di div
« Risposta #2 il: 15 Gen 2015, 18:22:28 »
Non credo c'entri il footer

Offline alepar

  • Esploratore
  • **
  • Post: 142
    • Mostra profilo
Re:Conflitto di div
« Risposta #3 il: 15 Gen 2015, 21:40:36 »
Da firebug  ho visto che il leggi tutto della categoria blog si trova nel tag <footer class="entry-meta">.
Applicando z-index, quindi la position: relative  il link funziona bene.

Se così non fosse perdonami :) :)
« Ultima modifica: 15 Gen 2015, 23:37:26 da alepar »

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Conflitto di div
« Risposta #4 il: 16 Gen 2015, 08:45:03 »
In effetti avevi ragione in parte, ho applicato solo a footer ed ha funzionato

Codice: [Seleziona]
footer  {
display:block;
position: relative;
z-index: 99999999;

}

Grazie, senza il tuo suggerimento non avrei risolto, footer immaginavo si riferisse alla position del template e non al fondo dell'articolo. Comunque credo che dovrò intervenire ancora sul modulo booking per spostarlo a sinistra ad evitare che il titolo traspare sotto al calendario disturbando la lettura.
Di nuovo grazie.

Offline alepar

  • Esploratore
  • **
  • Post: 142
    • Mostra profilo
Re:Conflitto di div
« Risposta #5 il: 16 Gen 2015, 08:53:02 »
È un piacere averti aiutato, dai sempre buoni consigli tu...

Invece di usare il frame, e dato che hai il codice del booking, perché non provi ad usare una estensione che ti permette di inserire php e posizionarlo in un modulo in quella position?

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Conflitto di div
« Risposta #6 il: 16 Gen 2015, 12:52:21 »
Sì ci avevo pensato di ricavare un modulo joomla dal codice, ma prima devo completare il sito appena rifatto dalla vecchia versione 1,5 inserendo i restanti contenuti e le traduzioni.

 



Web Design Bolzano Kreatif