Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    797

    annullare proprietà per media screen sotto 1200

    Salve, ho messo i singoli menu del footer alcuni a destra ed alcuni a sinistra, utilizzando float right/left
    ma ho bisogno che sotto i 1200px la proprietà si annulli, così che i menu si allineino al centro, uno sotto l'altro.
    In altre parole, non aggiungere il CSS per determinati media screen, ma toglierlo. Qualcuno conosce il trucco?

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Ciao, non è possibile annullare le regole CSS ma solo sovrascriverle. Puoi però inserire tali regole dentro una media query alla quale vai ad impostare opportunamente min-width e/o max-width. Questo a grandi linee.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    797
    come immaginavo... allora forse è l'approccio float ad essere sbagliato, perchè sotto i 1200px mi rimangono virtualmente nella stessa posizione

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Non capisco di quali menu stai parlando
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    797
    ops link era sbagliato: a fondo pagina (checkin, in flight, etc.), tre sono a sinistra ed uno a destra, ma in responsive non si allineano verticalmente
    Ultima modifica di stardom; 05-11-2021 a 16:34

  6. #6
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Non li vedo, vedo solo un messaggio a centro pagina "HUB IN RISTRUTTURAZIONE" e la funzione chat in basso a sinistra.
    Suppongo sia necessario loggarsi per vedere la pagina come la vedi tu.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    797
    ho corretto il link....

  8. #8
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Quote Originariamente inviata da stardom Visualizza il messaggio
    ho corretto il link....
    ok, gli do uno sguardo
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  9. #9
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Vedo che al contenitore hai applicato una dimensione fissa:
    codice:
    #menu-foot {
        width: 1150px;
        margin: 0 auto;
    }
    questo sicuramente impedisce all'elemento di adattarsi alla larghezza della pagina, quindi il contenuto resta nella propria posizione.
    Prova a rimuovere quel width, in modo che resti "auto" di default, oppure usa max-width.

    Occhio però, quella dimensione vedo che supera quella dell'elemento contenitore che invece risulta essere 1140px, per cui c'è qualcosa che contrasta con la dimensione che gli stai dando.

    Inoltre vedo che lo stesso file css risulta incluso due volte sulla stessa pagina; certamente non è una buona cosa:
    /wp-content/themes/wyzi-business-finder-child/style.css
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  10. #10
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    797
    Non saprei come togliere una delle due chiamate al CSS, in quanto è fatto con Wordpress ...

    Per il width, già se lo metto a 100% tutto migliora in quanto i menu restano nella finestra. Ma sono sempre allineati destra/sinistra, che in responsive è orribile. Per questo dovrei centrare tutto sotto 1200px (che poi è quanto accade er default, senza nessuna delle mie modifche).

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