Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Lunghezza bordo inferiore

    ciao!

    io ho questo pezzetto dfi html impostato così:
    codice:
    <div class="col-md-4 col-sm-12 p-3">
         <i class="fas fa-utensils float-left mr-2"></i>
        <div class="float-left border-bottom">
            <p>TITOLO</p>
        </div>
    </div>
    ho vari di questi di dentro ad un ciclo.
    nel div interno devo impostare un border-bottom che arrivi fino alla fine di quello genitore.
    mentre l'icona non deve averlo.

    al momento, giustamente, il bordo arriva fino a dove finisce la parola.
    come faccio ad estenderlo??

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,761
    Ciao, di default un div si estende già per tutto lo spazio disponibile. Ciò che lo fa collassare è la proprietà float; dovresti quindi toglierla dal div. A quel punto bisogna capire come si posiziona l'icona rispetto al div ed eventualmente intervenire in qualche modo per correggerne la posizione.
    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!

  3. #3
    ciao!

    apparantemente ho risolto cosi:
    codice:
    <div class="col-md-4 col-sm-12 p-3">
        <div class="float-left" style="width: 10%;">
            <i class="fas fa-utensils"></i>
        </div>
        <div class="float-left" style="width: 90%;">
            <p class="border-bottom">TITOLO</p>
        </div>
    </div>
    in sostanza dando le misure in percentuale.

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 © 2020 vBulletin Solutions, Inc. All rights reserved.