Pagina 2 di 3 primaprima 1 2 3 ultimoultimo
Visualizzazione dei risultati da 11 a 20 su 27
  1. #11
    Quote Originariamente inviata da ertos Visualizza il messaggio
    [...] 3 div B-C-D che sono allineati in orizzontale a sinistra
    L'altezza dei div varia inquanto all'interno vi sono delle query php.
    Nel DIV B vi è un immagine, io vorrei che questa immagine sia allineata centrale in verticale rispetto a tutto il DIV a
    Ciao, in alternativa all'esempio di shane007, anche se questa risposta è fuori tema rispetto alla sezione e visto che è stato nominato jQuery, prova a vedere questo esempio.


    Approfittiamo (siamo in due ), visto che è in nostro primo post, per salutare il forum.

  2. #12
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    Veramente non va proprio, guarda qui
    http://robertotaormina.com/test.html

  3. #13
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    Non va prorpio guarda qui
    http://robertotaormina.com/test.html

    Quote Originariamente inviata da shane007 Visualizza il messaggio
    Allora io farei un div contenitore con all'interno 2 div: uno per l'immagine ed il suo testo ed un altro per il testo a parte.
    http://codepen.io/shane007/pen/mqxAp

    codice HTML:
    <body>    <div class="a">        <div class="b">
                <img src="http://www.lecconotizie.com/wp-content/uploads/2013/03/gatti-milano.jpg" alt="" />BALBALBA TESTO DA CENTRARE
            </div>        <div class="d">BALBALBA testo a parte</div>
    </body>
    codice:
    .b,
    .d {
        min-width: 100px;
    }
    .b {
        width: 75%;
        position: relative;
        background: green;
        float: left;
        display: flex;
        align-items: center;
    }
    .d {
        background: blue;
        width: 25%;
        float: left;
    }
    img {
        flex: none;
        width: 128px;
        height: 128px;
        margin-right:20px;
    }
    Così va bene?

  4. #14
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    Grazie per la risposta e benvenuto nel forum ma l'esempio non va proprio.

    Ho fatto untest qui e non va

    http://robertotaormina.com/test2.html

    Come puoi vedere l'immagine è posizionata in alto e non al centro rispetto al testo centrale

    Quote Originariamente inviata da MAeSI Visualizza il messaggio
    Ciao, in alternativa all'esempio di shane007, anche se questa risposta è fuori tema rispetto alla sezione e visto che è stato nominato jQuery, prova a vedere questo esempio.


    Approfittiamo (siamo in due ), visto che è in nostro primo post, per salutare il forum.

  5. #15
    Ciao, hai dimenticato di inserire la libreria jQuery, esempio:

    codice HTML:
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

  6. #16
    Utente di HTML.it L'avatar di shane007
    Registrato dal
    Jun 2011
    residenza
    Trentino, tra vacche ed aria buona.
    Messaggi
    55
    Quote Originariamente inviata da ertos Visualizza il messaggio
    Veramente non va proprio, guarda qui
    http://robertotaormina.com/test.html
    Non va perché hai messo il tag <p> prima del <img>
    Se sposti il tag <p> da prima a dopo l'immagine vedrai che funziona !

    PS: io cercherei di limitare l'uso del JS il più possibile perché qualcuno potrebbe averlo disattivato o addirittura qulache vecchio cell non lo supporta.
    Ultima modifica di shane007; 04-05-2014 a 18:49
    Siamo nel 2014, ci sono tante belle cose come Google, CodePen, Stackoverflow, ecc. Perché non usare?

  7. #17
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    OK adesso funziona,
    Grazie Maesi

    Quote Originariamente inviata da MAeSI Visualizza il messaggio
    Ciao, hai dimenticato di inserire la libreria jQuery, esempio:

    codice HTML:
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

  8. #18
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    Scusa ho provato a spostate il <p> ma non ma, guarda illink che ho postato
    Come posso fare?

    Quote Originariamente inviata da shane007 Visualizza il messaggio
    Non va perché hai messo il tag <p> prima del <img>
    Se sposti il tag <p> da prima a dopo l'immagine vedrai che funziona !

    PS: io cercherei di limitare l'uso del JS il più possibile perché qualcuno potrebbe averlo disattivato o addirittura qulache vecchio cell non lo supporta.

  9. #19
    Quote Originariamente inviata da ertos Visualizza il messaggio
    OK adesso funziona,
    Grazie Maesi
    Ciao,

    abbiamo aggiornato il codice precedentemente linkato perché, se non si dichiara almeno l'attributo height nel tag img, l'immagine non viene posizionata in modo corretto al primo caricamento.

  10. #20
    Utente di HTML.it L'avatar di ertos
    Registrato dal
    Nov 2005
    Messaggi
    448
    Scusate se apro la discussione, lo script funziona pero come posso allineare anche il testo (DIV C) in verticale, io vorrei che sia l'immagine a sinistra sia il testo sono allineati al centro in verticale. Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.