[TYPO3-UG Italy] Bootstrap di Twitter e comportamento immagini in colonne multiple
Alessandro Tuveri
at at uniud.it
Wed Nov 6 18:10:02 CET 2013
Salve a tutti
copiate ho applicato uno stile e pare che la pagina:
http://www.specialista-web.it/swebv6/examples/columns-3/
risponda bene; ho visto le altre pagine per verificare se la modifica
afferisce altri tipi di contenuti o blocchi, ma sembra OK.
Ecco lo stile che basta inserire in main.css:
typo3conf/ext/speciality/Resources/Public/Styles/main.css
div.csc-textpic div.csc-textpic-imagewrap figure.csc-textpic-image img {
width: 100%;
}
unico dubbio relativo a una prova da fare, ovvero se la
visualizzazione del blocco e'SENZA RIGHE non so cosa succede.
Attendo commenti, grazie!
Quoting Alessandro Tuveri <at at uniud.it>:
> Mi rispondo in attesa di collaborazione sul punto.
> Ho modificato la pagina e l'effetto si nota meglio nel logo della
> seconda riga, prima immagine a sinistra.
>
> Il codice:
>
> figure class="csc-textpic-image csc-textpic-last">
> <img width="240" height="80" alt=""
> src="fileadmin/_processed_/csm_download_df85f95953.jpg">
> </figure>
>
>
> ho notato che lo stile IMG non contiene:
>
> width: 100%;
>
> ovviamente questo e' "normale" non e' detto che una immagine sia
> larga per forza il 100% del DIV che la contiene.... ma.... questa e'
> una possibile soluzione .....modificando lo stile IMG in:
>
> img {
> border: 0 none;
> height: auto;
> max-width: 100%;
> width: 100%;
> }
>
> tutto gira (ovviamente il logo in alto del CMS TYPO3 diventa enorme)
>
> probabilmente studiando i breakpoint che poi rimettono tutto a posto
> per le visualizzazioni ancor piu' inferiori, c'e' da modificare
> qualche stile tipo:
>
> figure.csc-textpic-image img {
> width: 100% !important;
> }
>
> non so bisogna provare....
>
> saluti
>
> ALESSANDRO TUVERI
>
> --------------------------------------
> AREA SERVIZI INFORMATICI E MULTIMEDIALI
> Servizi WEeb d'Ateneo
> Universit? degli Studi di Udine
> tel. ufficio 0432-558904
> --------------------------------------
> Homo sine pecunia est imago mortis
> --------------------------------------
>
> ----------------------------------------------------------------------
> SEMEL (SErvizio di Messaging ELettronico) - AINF, Universita' di Udine
>
>
> _______________________________________________
> TYPO3-UG-Italy mailing list
> TYPO3-UG-Italy at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-italy
>
ALESSANDRO TUVERI
--------------------------------------
AREA SERVIZI INFORMATICI E MULTIMEDIALI
Servizi WEeb d'Ateneo
Universit? degli Studi di Udine
tel. ufficio 0432-558904
--------------------------------------
Homo sine pecunia est imago mortis
--------------------------------------
----------------------------------------------------------------------
SEMEL (SErvizio di Messaging ELettronico) - AINF, Universita' di Udine
More information about the TYPO3-UG-Italy
mailing list