[TYPO3-UG Italy] Bootstrap di Twitter e comportamento immagini in colonne multiple

[Alessandro Tuveri]

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