Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2016
    Messaggi
    30

    A capo con grid-cell responsivo

    Salve, non riesco ad impostare il punto in cui la seconda cell va a capo,
    quindi a schermo ristretto le parole molto lunghe vanno ad accavallarsi sul contenuto della seconda cella accanto.
    Se invece il testo di una delle grid è più lungo si perde l'allineamento degli elementi nelle due celle affiancate.
    Al verificarsi di queste circostanze la seconda cella dovrebbe andare direttamente a capo.

    In questo modo oltre a risolvere i problemi detti si avrebbero anche immagini meno ristrette.

    Potete indicarmi dove è l'errore nella classe inline? Oppure se manca qualche impostazione?
    Grazie

    codice HTML:
    <div class="Grid Grid--withGutter u-padding-all-l">
    <div class="Grid-cell u-size1of2">
    <div class="u-margin-bottom-l u-borderRadius-m u-padding-all-x"><strong>boldbold</strong>
    <a href="link" target="_blank" rel="noopener">nome</a>
    Lorem ipsum <a href="img.jpg"><img class="img-fluid aligncenter" src="img.jpg" alt="" /></a></div>
    </div>
    <div class="Grid-cell u-size1of2">
    <div class="u-margin-bottom-l u-borderRadius-m u-padding-all-x"><strong>boldbold</strong>
    <a href="link" target="_blank" rel="noopener">nome</a>
    lorem ipsum
    <a href="img.jpg"><img class="img-fluid aligncenter" src="img.jpg" alt="" /></a></div>
    </div>
    </div>

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,935
    Ciao, non riesco a riprodurre il problema, se la tua pagina è accessibile online prova a postarne il link così che ti si possa aiutare più facilmente. In alternativa sarebbe utile se tu fornissi un esempio riproducibile, minimo e completo, magari usando qualche playground online.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web. Ti resta... humm spè
    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

    "Mi son documentato"

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2016
    Messaggi
    30
    Grazie.
    E' un po' complicato fare quello che mi dici perchè è un'istallazione in locale di wordpress, non trovando una galleria immagini con i vari campi che volevo ho usato codice in una pagina.
    Quello che mi serve è capire come si da l'indicazione per andare a capo in automatico ogni volta che lo schermosi rstringe

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.