| E rieccomi qui, ma con un problema diverso.
Come dice il titolo, sto tentando da ieri di mettere Nel forum di prova tre sezioni affiancate a una sezione/immagine come nell'esempio qua sotto
Però sono sorti dei problemi:
- Questa qui. In pratica volevo che fossero tutti sulla stessa linea, cioè orizzontali.
Il codice per quell'effetto è questo
CODICE /*Blocco Sezione 1 */ #f64623416 {background: url(https://i.imgur.com/dgmo8UL.gif); width: 240px; float: left; height: 255px; border-bottom: 0 solid #000; margin-top: 1px} #f64623416 .bb, #f64623416 .zz, #f64623416 .xx, #f64623416 .ww, #f64623416 .yy, #f64623416 .web {display: none !important} #f64623416 .aa {width: 0 !important}
#f64623417, #f64901998, #f64901999 {width: 67, 5%; height: 79px;} #f64623417 .aa, #f64901998 .aa, #f64901999 .aa {width: 0 !important} #f64623417 .bb, #f64901998 .bb, #f64901999 .bb {width: 50%} #f64623417 .yy {display: none !important}
Oltre a ciò, avevo anche inserito l'effetto del testo su immagine al passaggio del mouse nell'immagine/sezione ma non funziona.
Colori e Stili CODICE .immagine {width: 239px; height: 254px; border: 4px solid #8C9D91; background: url(https://i.imgur.com/dgmo8UL.gif) no-repeat} .testo {width: 225px; height: 240px; opacity: 0; transition: all .7s ease-in-out; color: #CEDBD1; font-size: 11px; line-height: 11px; padding: 3px; padding-top: 2px; background: #222325} .testo:hover {opacity: 0.8} Html CODICE <div class="immagine"><span style="font-family:georgia; font-size:14px; letter-spacing: 0; text-transform: lowercase; font-weight: bold;"><a href="?f=64623416">Prova</a></span><div class="testo">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.</div></div>
P.S: Il problema del bordo inferiore l'ho risolto dato che era il border-bottom a 'coprirlo'
Edited by Röšîel - 22/5/2019, 13:16 |
|