Ciao non so cosa sbaglio:
Css :
codice:
@charset "UTF-8";
#foot ul {
padding-left: 0;
}
#footsx,
#footdx {
width: 50%;
height: auto;
opacity: 0.8;
background-color:#2B2B2B;
display:inline;
border-color; 1px solid #fff;
float: left;
color: #f7e1e4;
font-size: 13px;
text-align: justify;
padding: 5px;
line-height: 20px;
position: relative;
box-sizing: border-box;
}
Html:
codice:
<footer>
<div id="foot">
<div id="footsx">
<ul>
<li><a href="index.asp">Home</a></li>
<li><a href="#">Maglie Palermo</a>
<ul>
<li><a href="20002001.asp">2000 - 2001 Serie C</a></li>
<li><a href="20012002.asp">2001 - 2002 Serie B</a></li>
<li><a href="20022003.asp">2002 - 2003 Serie B</a></li>
…...
<li><a href="20172018.asp">2017 - 2018 Serie B</a></li>
<li><a href="20182019.asp">2018 - 2019 Serie B</a></li>
<li><a href="20192020.asp">2019 - 2020 Serie D</a></li>
</ul>
</li>
<div id="footdx">
<li><a href="#">Memorabilia</a>
<ul>
<li><a href="memorabilia.asp">Memorabilia e Varie</a></li>
<li><a href="memorabiliaalbum.asp">Album Promozione 2003-2004</a></li>
</ul>
</li>
<li><a href="corinicollection.asp">Corini Collection</a></li>
<li><a href="aboutme.asp">Parlano di Me</a></li>
<li><a href="loghipalermocalcio.asp">Loghi del Palermo Calcio</a></li>
<li><a href="mailto:info@la-maglia-rosanero.com">Contattami</a></li>
…..
</ul>
</div>
</div>
</div>
</footer>
<div><!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5efca95087cffea6"></script>
</div>
il risultato sta nella pagina.... (Ho accorciato il codice perché non mi faceva postare… ho anche tolto i codici che mi fanno comparire i loghi social.
Quello che vorrei è questo... che l'elenco delle pagine con le stagioni stiano su due colonne con elenco non puntato ma con i trattini. Poi le altre pagine stiano nel div a destra sempre con elenco con trattini ma che in modalità mobile il div di destra vada poi sotto il div di sinistra.
Avete visto.. ho inserito i loghi di FB Ins e Youtube in quel modo.