I position CSS in 10 minuti

[@isaiarolandi6732]

a livello di esempi pratici di casi reali non c'è niente, ma il concetto è chiarissimo, quello che una persona deve fare non è seguire il tutorial pari passo, ma mettere le mani in pasta, ovvero aprire VsCode e sbattere la testa finché non si capisce. Un consiglio che ti dò è quello di andare a ricreare queste strutture con casi realmente utilizzati, magari chiedendo alla community cosa preferirebbero veder riprodotto/clonato.

[@SimoneBaldassin]

Ciao Isaia, il video risponde proprio ad una richiesta della community, nel resto del canale ci sono più di 200 video dove mettiamo in pratica, in questo mi è stato chiesto di spiegare appunto il concetto. Grazie per il feedback 😉

[@rinobrand]

Grazie per il video, sto smanettando con wordpress, con il plugin woocommerce dove ha la classica pagina dello shop con tutte le immagini dei prodotti ecc ecc posizionare tipo griglia, posso dalle impostazioni del tema dalla sezione woocommerce personalizza sia la grandeza delle immagini che scegliere quante colonne di immagini visualizzare, quindi per esempio se scelgo 2 colonne le prime 2 immagini mi occuperanno in line quasi tutto lo schermo con una grandezza x, mentre se scelgo 4 colonne le immagini mi occuperanno sempre quasi tutto lo schermo ma logicamente con dimensioni più piccole, questa premessa in quanto non si se ha presente sia wordpress che woocommerce, detto questo la mia domanda è, siccome in tutte le immagini di questa pagina all'interno di ognuna è posizionata un icona del carrello, sto cercando di spostare questa icona in una posizione precisa all'interno dell'immagine, di defount questa icona è posizionata nell'angolo superiore destro dell'immagine, di ogni immagine ovviamente, io vedo che il css di questa immagine porta position: absolute e poi sotto right: 1em (questo lo vedo nel browser facendo tasto destro nella pagina scegliendo analizza) facendo delle prove in wordpress dove posso inserire del css nella sezione css aggiuntivo, con il right funziona con il left pure con il top pure ma con il bottom no, come si spiega? 🙄🤷‍♂🤷‍♂ P.S. questo è quello che vedo nel browser con analizza pagina: .ast-on-card-button { position: absolute; right: 1em; visibility: hidden; opacity: 0; transition: all 0.2s; z-index: 5; cursor: pointer; }

[@SimoneBaldassin]

Ciao Rino, ho un tema in repository quindi direi si, conosco giusto un attimo WP. Il fatto che il bottom non funzioni è probabilmente determinato dal fatto che il div che contiene l'icona non ha un altezza quindi, non è che non funziona ma, semplicemente, è già al bottom. Per verificare prova a dare al bottom un valore in negativo 😉

[@rinobrand]

@@SimoneBaldassin se non erro ho già provato, ma fammi essere sicuro alle volte... 😊

[@basico51]

Verso la fine del video hai accennato al posizionamento di immagini, mi puoi accennare qualche cosa su questo? Grazie Simone

[@SimoneBaldassin]

Ciao Antonio, c’è un video da qualche parte nel canale 😉

[@davidez_sitiweb]

👏🏻👏🏻😉💪🏼👍🏼 grande Simone grazie

[@SimoneBaldassin]

Grazie a te 💪🏻🙌

[@totipt86]

Grazie mille

[@SimoneBaldassin]

Grazie a te 💪🏻

[@Daniela-DDD]

Grazie del video 🙂 Domanda: se devo fare una navbar in alto fissa li con sotto tutto il resto a cominciare da un h1, ecc ...metto la nav fixed, ok, ma tutto il resto della pagina? metto un margin top quanto la height della nav?

[@SimoneBaldassin]

Un padding-top è preferibile per evitare il collasso dei margini, tieni sempre conto dello spazio occupato dal fixed e aggiungi qualcosina in più per il respiro degli elementi 😉

[@tranceandflight4992]

Quando lo spieghi lo capisco, poi quando mi trovo a doverlo usare in svariati casi....vado in tilt e non ci capisco piu' nulla. Comunque me lo guardero' 100mila volte .Grazie🤣

[@SimoneBaldassin]

Come in tutte le cose, ci vuole pazienza e pratica. Ottimo, se questo video fa 100mila visualizzazioni so chi ringraziare e ti offro una cena 😂

[@tranceandflight4992]

@@SimoneBaldassin 🤣

[@FlyHighRamp]

Per caso è veneto?

[@SimoneBaldassin]

Yes

[@FlyHighRamp]

@@SimoneBaldassin ottime spiegazioni , sono un povero principiante di 45 anni

[@sounddesigner7126]

Mai sentita5una spiegazione così confusa

[@SimoneBaldassin]

Desolato di non esserti stato utile 😉

[@johnsonboris1196]

Non è che cercavi un corso di cucina o potatura ortensie?