Back to top

Autore Topic: assurdo problema di impaginazione menu sx con corsivo, IE6 e JA_purity template  (Letto 3577 volte)

Offline emmeemmeuno

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Maschio
    • Mostra profilo
ciao a tutti,

questo č il primo post che faccio sul forum (e mi scuso per aver postato in precedenza nella sezione errata: come faccio a eliminarlo? - l'ho postato nella sezione joomla 1.5, medesimo titolo, per i moderatori).

Il problema che mi capita č piuttosto strano e vado ad esporlo.

Il tutto avviene con IE6 - con Firefox, Chrome o Safari nessun problema; IE7 non l'ho testato - e con il template Ja-Purity 1.2.0, il pių recente.

in pratica, come potete vedere da screenshot



nel momento in cui del testo in corsivo si dovrebbe trovare alla stessa altezza dei due menų sulla sinistra, in quel caso IE6 li dispone in fondo all'articolo.

Qualora invece il testo non fosse corsivato, o si trovasse "dopo", ovvero all'altezza della fine dei due menų laterali, questi stessi si visualizzerebbero correttamente - vedi screenshot qui sotto:




Avete qualche suggerimento a riguardo?
sto provando a cercare in rete da stamane, ma senza successo...

Grazie mille in anticipo,

mm1

Offline tasto

  • Abituale
  • ****
  • Post: 1300
  • Sesso: Maschio
    • Mostra profilo
non ti preoccupare IE fa sempre cosė...
prova ad inserire nel css del template un vertical-align:top; alla colonna di sinistra. dovrebbe bastare

Offline emmeemmeuno

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Maschio
    • Mostra profilo
non ti preoccupare IE fa sempre cosė...
prova ad inserire nel css del template un vertical-align:top; alla colonna di sinistra. dovrebbe bastare

intanto grazie per la risposta :)

dicendo che IE fa sempre cosė significa che č normale che faccia cosė e che posso tranquillamente utilizzare il corsivo come pensavo, tramite la modifica che mi suggerisci?

considerando che non sono molto pratico, in quale punto del template.css dovrei esattamente inserire la riga che mi suggerisci?

qui da qualche parte:

Codice: [Seleziona]
/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: left;
width: 24.99%;
padding-top: 10px;
overflow: hidden;
}

#ja-col2 {
float: right;
width: 20%;
overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
padding-left: 15px;
margin: 0;
background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
display: none;
}

o mi sbaglio? dovrei invece darti la posizione (es. user3, header, footer, ecc.) prima di tutto?

ho anche allegato il css a questa risposta, in caso volessi dare un occhio pių approfonditamente...

grazie molte,

mm1


[allegato eliminato da un amministratore - Il file era vecchio]

Offline tasto

  • Abituale
  • ****
  • Post: 1300
  • Sesso: Maschio
    • Mostra profilo
la mia modifica č l'allineamento verticale in alto del menų laterale.
per modificare il css devi fare in questo modo:
dove hai posizionato il menų? in left? ok
prendi il template e nella index.php trova dove viene inserito
Codice: [Seleziona]
<?php if($this->countModules('left')una volta trovato devi vedere a quale parte del css č collegata. devi leggere quello che c'č scritto prima, per esempio
Codice: [Seleziona]
<div id="leftcolumn">
<?php if($this->countModules('left') ....
   
vai nel css e trovi leftcolumn
Codice: [Seleziona]
#leftcolumn , {
margin: 0;
width: 190px;
float: left;
padding: 0 0 10px 0;
text-align: left;
}
questo lo modifichi inserendo la riga che ti ho dato prima di }

Offline emmeemmeuno

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Maschio
    • Mostra profilo
ciao,

ho provato a fare come mi hai suggerito - sono riuscito a risalire al nome corretto della colonna di sx -, eppure non risolve nulla.

ecco il codice in cui ho inserito il parametro che dicevi:

Codice: [Seleziona]
/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: left;
width: 24.99%;
padding-top: 10px;
overflow: hidden;
        vertical-align:top;

}

e per sicurezza, visto che non ero certo, l'ho aggiunto anche qui:

Codice: [Seleziona]
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

#ja-mainbody-fr #ja-col1 {
width: 20%;
        vertical-align:top;

}

ma senza successo...

che posso fare?

grazie ancora

Offline emmeemmeuno

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Maschio
    • Mostra profilo
ah, ovviamente c'era lo spazio tra la dichiarazione "vertical-align:" e "top;" :)

Offline tasto

  • Abituale
  • ****
  • Post: 1300
  • Sesso: Maschio
    • Mostra profilo
metti il link del sito

Offline emmeemmeuno

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Maschio
    • Mostra profilo
eccolo qua - ho messo alcune cose in corsivo, perché invece in grassetto non danno problemi: misteri.

grazie.

Offline tasto

  • Abituale
  • ****
  • Post: 1300
  • Sesso: Maschio
    • Mostra profilo
non riesco a visualizzarlo, provo pių tardi forse č un mio problema di connessione

Offline emmeemmeuno

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Maschio
    • Mostra profilo
neanche io: deve essere un problema del server, perché non risponde manco al ping...

Offline emmeemmeuno

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Maschio
    • Mostra profilo
ora funziona, il server. se riesci a dargli un occhio...

grazie!

Offline tasto

  • Abituale
  • ****
  • Post: 1300
  • Sesso: Maschio
    • Mostra profilo
cntrolla un attimo il link postato, non funge

Offline emmeemmeuno

  • Nuovo arrivato
  • *
  • Post: 40
  • Sesso: Maschio
    • Mostra profilo
eh giā, ho pubblicato il sito e la root č cambiata... ecco il link.

 



Web Design Bolzano Kreatif