spaghetti-open-data / twitAntonio

TweetYourMep fork for the Italian 2013 Elections
http://www.twitantonio.it
GNU Affero General Public License v3.0
16 stars 10 forks source link

Riscrivere le pagine statiche usando la griglia di Bootstrap #81

Closed albertocottica closed 11 years ago

albertocottica commented 11 years ago

@paolomainardi, scusa ma mi sono piantato e ho bisogno di una spinta per capire la logica, così poi la uso per tutte le pagine.

Mi sono mosso così: ho chiuso tutti i

tranne container-fluid. Poi:


        <div class = "row-fluid">
            <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/2CmWP7MgQU4" frameborder="0" allowfullscreen>
            </div>
            <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/53ePUyz8pYg" frameborder="0" allowfullscreen></iframe>
            </div><!-- /span>
        </div><!--- /row>
        <div class = "row-fluid">
            <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/D_uNeZR6A_E" frameborder="0" allowfullscreen>
            </div>
            <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/hGv_ofNqmCI" frameborder="0" allowfullscreen></iframe>
            </div><!-- /span>
        </div><!-- /row>

Mi sembra ragionevole per una tabella 2 x 2, ma purtroppo non funziona bene. Lo screenshot lo vedi qui sotto: si vede solo la prima cella della tabella.

Dove ho sbagliato?

TA bug

lucacorsato commented 11 years ago

tieni conto che però in doppia colonna la responsività subisce qualche contraccolpo... volevo ricontrollare anche il codice del formato, perché forse, mettendo una variabile sul width dovrebbe gestire la larghezza in funzione alla visualizzazione

@alberto con che browser?

Il giorno 03 febbraio 2013 19:13, Alberto Cottica notifications@github.comha scritto:

@paolomainardi https://github.com/paolomainardi, scusa ma mi sono piantato e ho bisogno di una spinta per capire la logica, così poi la uso per tutte le pagine.

Mi sono mosso così: ho chiuso tutti i tranne container-fluid. Poi:

    <div class = "row-fluid">
        <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/2CmWP7MgQU4" frameborder="0" allowfullscreen>
        </div>
        <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/53ePUyz8pYg" frameborder="0" allowfullscreen></iframe>
        </div><!-- /span>
    </div><!--- /row>
    <div class = "row-fluid">
        <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/D_uNeZR6A_E" frameborder="0" allowfullscreen>
        </div>
        <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/hGv_ofNqmCI" frameborder="0" allowfullscreen></iframe>
        </div><!-- /span>
    </div><!-- /row>

Mi sembra ragionevole per una tabella 2 x 2, ma purtroppo non funziona bene. Lo screenshot lo vedi qui sotto: si vede solo la prima cella della tabella.

Dove ho sbagliato?

[image: TA bug]https://f.cloud.github.com/assets/1976806/122086/4027c7ce-6e2d-11e2-9e6c-1ad0d176d80b.jpg

— Reply to this email directly or view it on GitHubhttps://github.com/spaghetti-open-data/twitAntonio/issues/81.

albertocottica commented 11 years ago

Sia Chrome che Firefox si comportano così.

nelsonmau commented 11 years ago

Su android no responsivo. Ma è possibile rendere responsivo un iframe? Boh

  • sorry for typos, i'm from mobile -
paolomainardi commented 11 years ago

Alberto, fai un branch con queste modifiche cosi le controllo direttamente da codice.

paolomainardi commented 11 years ago

@albertocottica Problema identificato.

            <div class = "span6"><iframe width="504" height="284" src="http://www.youtube.com/embed/2CmWP7MgQU4" frameborder="0" allowfullscreen>

Questo iframe non è chiuso, ecco il perchè dell'errore.

albertocottica commented 11 years ago

Che idiota. Scusa tanto, @paolomainardi. Ma imparo, eh :-)

paolomainardi commented 11 years ago

@albertocottica l'avevo notato anche io solamente dopo averlo messo nell'editor, sono gli errori più rognosi da identificare :) Che editor stai usando ?

albertocottica commented 11 years ago

Textmate, ma spesso non capisce che i files .ejs sono simil-html, per cui non mi fa il color coding etc. Di fatto con questo file è come usare Text Edit.