Allinemanto verticale centrato div concatenati

**shane007** · 03-05-2014, 16:31

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?

**ertos** · 04-05-2014, 16:31

Veramente non va proprio, guarda qui
http://robertotaormina.com/test.html

**shane007** · 04-05-2014, 18:46

Originariamente inviata da ertos

Veramente non va proprio, guarda qui
http://robertotaormina.com/test.html

Non va perché hai messo il tag prima del <img>
Se sposti il tag 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.

**ertos** · 06-05-2014, 09:28

Scusa ho provato a spostate il ma non ma, guarda illink che ho postato
Come posso fare?

Originariamente inviata da shane007

Non va perché hai messo il tag prima del <img>
Se sposti il tag 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.

**ertos** · 04-05-2014, 16:33

Non va prorpio guarda qui
http://robertotaormina.com/test.html

Originariamente inviata da shane007

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?

Discussione: Allinemanto verticale centrato div concatenati

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio