Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 17

Discussione: Imparare html

  1. #1

    Imparare html

    salve ragazzi sono un appassionato di informatica vorrei imparare bene html e css ho seguito dei corsi su youtbe è un mese e mezzo che sto studiando, ho capito bene la struttura dell'html ho imparato abbastanza bene i css, però non riesco a capire come posizionare gli oggetti, ieri per mettere uno sfondo su tutta la pagina con altezza 150px mettere sempre su questo sfondo una lista e tre icone ci avrò impiegato 4 o 5 ore ma solo per spostarli per crearli non ci metto nulla,e poi ho anche le idee confuse riguardo classi e id se ho 2 div con una class"uno" l'altro con class="due" in css se scrivo .uno img dovrebbe prendere solo l'immagine della classe uno?perchè alcune volte le prende tutte?insomma un casino gli oggetti non riesco a sistemarli sto impazzendo

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    214
    In realtà "class" viene utilizzata per stilizzare piu elementi, contrariamente "id" si utilizza per l'univocità di un elemento (sempre per lo stile).
    Tutto questo in css rientra in quello che viene definito "specificità", inoltre se vuoi che gli altri possano contribuire meglio al tuo codice non devi fare altro che condividerlo con il tag code.

  3. #3
    Quote Originariamente inviata da ninja72 Visualizza il messaggio
    In realtà "class" viene utilizzata per stilizzare piu elementi, contrariamente "id" si utilizza per l'univocità di un elemento (sempre per lo stile).
    Tutto questo in css rientra in quello che viene definito "specificità", inoltre se vuoi che gli altri possano contribuire meglio al tuo codice non devi fare altro che condividerlo con il tag code.
    ok grazie sono nuovo magari posso allegare anche tutto in un file zip tanto sono solo siti per imparare nulla di privato

  4. #4
    [CODE]<!DOCTYPEhtml>
    <htmllang="it">

    <head>
    <metacharset="UTF-8">
    <metahttp-equiv="X-UA-Compatible"content="IE=edge">
    <metaname="viewport"content="width=device-width, initial-scale=1.0">
    <linkrel="stylesheet"href="stile.css">
    <linkhref="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"rel="stylesheet"
    integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJ kqJByhZMI3AhiU"crossorigin="anonymous">
    <scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
    crossorigin="anonymous"></script>

    <title>Bar Pasicceria Rossi</title>
    </head>

    <body>

    <divid="link">
    <divclass="sfondo">
    <imgsrc="immagini/sfondo.jpg">
    </div>

    <divclass="logo">
    <imgsrc="immagini/logo.png">
    </div>

    <divclass="link">
    <ul>
    <li><ahref="index.html">Home</a></li>
    <li><ahref="Bar.html">Bar</a></li>
    <li><ahref="Pasticceria.html">Pasticceria</a></li>
    <li><ahref="DoveSiamo.html">Dove Siamo</a></li>
    </ul>
    </div>

    <divid="treimmagini">
    <imgclass="face"src="immagini/face.png">
    <imgclass="whatsapp"src="immagini/whatsapp.png">
    <imgclass="instagram"src="immagini/instagram.png">
    </div>
    </div>
    <br>


    <!-- <div id="immaginicentrali">
    <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
    <div class="carousel-item active">
    <img src="immagini/pasticceria1.jpg" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
    <img src="immagini/pasticceria2.jpg" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
    <img src="immagini/pasticceria3.jpg" class="d-block w-100" alt="...">
    </div>
    </div>
    </div>



    </div> -->








    </body>

    </html>
    [CODE]



  5. #5
    l' hover rimane sempre blu poi se aggiungo immagini centrali và a ricoprire tutto il resto per inserire sfondo link e tre icone c'ho messo ore
    codice:
    #link {
    display: flex;
    flex-direction: row;
    }
    
    .sfondoimg {
    position: absolute;
    width: 100%;
    height: 120px;
    }
    
    .logoimg {
    position: absolute;
    width: 19%;
    left: 35px;
    top: 30px;
    }
    
    .linkul {
    position: absolute;
    list-style-type: none;
    right: 470px;
    margin-top: 35px;
    }
    
    .linkli {
    display: inline;
    }
    
    .linka {
    font-size: 1.7rem;
    margin-right: 30px;
    color: rgb(253, 253, 253);
    text-decoration: none;
    }
    
    a:hover {
    background-color: rgb(105, 99, 99);
    border-radius: 4px;
    padding: 3px;
    }
    
    #treimmagini.face {
    width: 50px;
    position: absolute;
    margin-left: 1300px;
    margin-top: 50px;
    }
    
    #treimmagini.whatsapp {
    width: 50px;
    position: absolute;
    margin-left: 1200px;
    margin-top: 50px;
    }
    
    #treimmagini.instagram {
    width: 50px;
    position: absolute;
    margin-left: 1100px;
    margin-top: 50px;
    }
    
    #immaginicentraliimg {
    margin-top: 150px;
    padding-top: 150px;
    width: 100%;
    height: 600px;
    object-fit: unset;
    }
    
    

  6. #6
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    214
    Potresti fare una cosa migliore, farti un account su github dove poter condividere i tuoi repository (progettini,test o altro), oltre a questo potresti utilizzare piattaforme (sempre per la condivisione del codice) come https://codepen.io/ oppure https://pastebin.com/ .
    Anche qui si può condividere il codice tramite i tag CODE presente sulla barra.

    ps. il file .zip lo sconsiglio per ovvi motivi. (sicurezza e praticità)

  7. #7
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    214
    Il codice che hai postato non è formattato bene mancano degli spazi.

  8. #8
    Quote Originariamente inviata da ninja72 Visualizza il messaggio
    Il codice che hai postato non è formattato bene mancano degli spazi.
    forse ho incollato male ho notato la mancanza di spazi nei css allora apro qualcosa come mi hai detto magari è più semplice condividere

  9. #9

  10. #10
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    214
    Ho già risposto ad un'altro ragazzo nella sezione "css" ad un problema simile, è impossibile ragionare su un layout con blocchi su position: absolute, cerca di lavorare a blocchi impostati su flexbox quando possibile, non voglio scoraggiarti ma penso che tu abbia bisogno di skillarti maggiormente su questi argomenti, che oltretutto sono vastissimi e sempre in costante aggiornamento.


    ps. le immagini sono con percorso relativo e non assoluto.

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.