Puoi vedere ora?
Perché le icone dei social se ne vanno per i fatti loro?
Inoltre come faccio a mettere l'elenco a sinistra su due colonne?
Puoi vedere ora?
Perché le icone dei social se ne vanno per i fatti loro?
Inoltre come faccio a mettere l'elenco a sinistra su due colonne?
aggiornamento:
ho fatto da me.
non capisco due cose:
1)Le icone social in desktop sono troppo grandi
2)le icone social vanno a destra e le vorrei a sinistra.
Prova a modificare in questo modo il riferimento css all'ID #social oltra la mediaquery che non vedo, inoltre rimuovi i <br> dopo i tag A all'interno dell'ID #social.
codice:#social { float: left; width: 33%; } @media only screen and (max-width:414px) { #footsx, #footdx, #social { width: 100%; } #foot ul { padding: 0px } }
Ciao ho fatto come dici tu.
ma sia in mod desktop che in mod mobile le icone social sono a destra e non a sinistra.
la mediaquery sta in un foglio a parte.
Ultima modifica di alexander1983; 03-07-2020 a 17:45
@alexander1983 si può vedere la pagina dove stai provando?
http://www.la-maglia-rosanero.com
è pubblicato.
se è quella devi prima correggere tutti gli errori di html e poi provare i css
passa dal validatore w3
edit per esempio i vari div che vuoi posizionare sono in un ul e questo non ha senso
i figli di ul sono solo li
Ciao in questo momento non posso controllare puoi scrivermi L'errore che ho fatto e mi copi il codice per piacere
deve esserecodice HTML:<footer> <div id="foot"> <ul> <div id="footsx">... </div> <div id="footdx">... </div> <div id="social">... </div> <div id="bottom">... </div> </ul> </div> </footer>
ma potrebbe anche esserecodice HTML:<footer> <div id="foot"> <div id="footsx">... </div> <div id="footdx">... </div> <div id="social">... </div> <div id="bottom">... </div> </div> </footer>
tra parentesi vedo solo id e nessuna classe, ti consiglio di leggere qualcosa sui css o fare un corso prima di voler costruire cose complessecodice HTML:<footer id="foot"> <div id="footsx">... </div> <div id="footdx">... </div> <div id="social">... </div> <div id="bottom">... </div> </footer>
Confermo, i 25 errori html dal w3c validator, comunque, potresti fare tutto senza ne tabelle, ne ul e li.Senza nome.jpg