Visualizzazione dei risultati da 1 a 10 su 12

Discussione: Div con bordi interni

Hybrid View

  1. #1
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,780
    Andiamo per ordine

    Quote Originariamente inviata da samiel
    se cerco di creare un div con bordi non al confine, ma all'interno del div stesso
    in quell'immagine non penso siano usati "bordi interni" (come tu li definisci). Immagino piuttosto che si tratti di un contenitore (ad esempio un <div>) a cui sono stati applicati regolari bordi (superiore e inferiore), che normalmente sono disegnati al confine dell'elemento stesso. E' plausibile che il colore di sfondo non sia applicato direttamente a quel <div> ma piuttosto ad un ulteriore elemento che lo contiene, e che tale <div> abbia quindi un margine applicato per creare uno spazio attorno ad esso.

    Partendo da questo punto, può essere corretto utilizzare un contenitore più esterno (come hai provato a fare con i due <div>). Applicare quindi al contenitore esterno il colore di sfondo, mentre a quello interno applicare il bordo e il margine.

    Potrebbe essere una cosa del genere:
    codice HTML:
    <div class="title-container">
      <div class="title-wrap">
        <img class="img-wrap" src="./xampp_pics/favicon.png" alt="Logo XAMPP">
        <h1><strong>XAMPP</strong> Apache + MariaDB + PHP + Perl</h1>
      </div>
    </div>
    codice:
    .title-container {
      display: flex;
      background-color: #efeee6;
    }
    
    .title-wrap {
      display: inline-flex;
      align-items: center;
      margin: 20px auto 60px;
      padding: 10px;
      border-block: 2px solid #989898;
    }
    
    
    .img-wrap {
      margin-right: 15px;
    }
    
    
    .title-wrap h1 {
      margin: 0;
      font-size: 2.6em;
      font-weight: normal;
      color: red;
    }
    Chiaramente la questione si può risolvere in mille altri modi, magari da valutare meglio anche a seconda del contesto e di eventuali altri fattori che potrebbero influenzarne il risultato stesso.
    Ultima modifica di KillerWorm; 23-11-2025 a 16:57
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    Andiamo per ordine
    ...
    Chiaramente la questione si può risolvere in mille altri modi, magari da valutare meglio anche a seconda del contesto e di eventuali altri fattori che potrebbero influenzarne il risultato stesso.
    Grazie mille, sembra perfetto - tranne una cosa: io vorrei allineare gli elementi a sinistra (non al centro).
    Premettendo che è la prima volta che uso flex (il mio PHP / HTML risale a qualche anno fa), ho provato diverse soluzioni trovate in rete (justify-content:flex-start oppure align-items:center, ma nessuna sembra funzionare

    m

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