[HTML] <ul> markers non appaiono

[iTonto]

Ecco ho inserito una <ul> nella mia pagina html però i suoi markers non appaiono, nel CSS non ho ancora effettuato nessuna modifica.

<ul>
    <li>400 gr di farina '00'</li>
    <li>4 uova</li>
    <li>Sale q.b.</li>
</ul>

 

[Max 1]

Non si capisce molto di ciò che chiedi ti devi spiegare meglio!! Il codice che hai postato deve funzionare perchè non c'è motivo che non vada! Eventualmente facci anche vedere la pagina online altrimenti non si capisce il motivo del malfunzionamento

 

[iTonto]

Eh lo so che non si capisce ma è così, ho inserito la <ul> nell'html e quando vado a visualizzarla nel browser i pallini non compaiono e non capisco perchè. Nel CSS non ho ancora assegnato nessuna regola per la <ul>.

<div id="wrapper">
        <div class="content">
            <img class="map" src="images/mappagastronomica.png" alt="mappa">
        
            <p>Ecco a voi tre piatti tipici della tradizione umbra che comprendono un primo piatto a base di Agnolotti al tartufo, un secondo piatto con Agnello
            al tartufo nero e, per concludere, una dolce Cicerchiata.</p>
        
            <img class="corner" src="images/corner.png" alt="cornice">
        
            <h1>AGNOLOTTI AL TARTUFO</h1>
            
            <img class="agnolotti" src="images/agnolotti.png" alt="agnolotti">
        
            <p class="p2">...</p>
            <hr>
            
            <p class="icons"><i class="far fa-clock fa-xs"></i> Tempo di preparazione: 90' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fas fa-utensils fa-xs"></i> Dosi per: 4 persone &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Difficoltà: <i class="fas fa-star fa-xs"></i><i class="fas fa-star fa-xs"></i><i class="fas fa-star fa-xs"></i><i class="far fa-star fa-xs"></i><i class="far fa-star fa-xs"></i></p>
            <hr>
            
            <h2>INGREDIENTI:</h2>
            
            <h3>Per la sfoglia:</h3>
            
            <ul>
                <li>400 gr di farina '00'</li>
                <li>4 uova</li>
                <li>Sale q.b.</li>
            </ul>
        </div>
    </div>

.content {
    position: relative;
    width: auto;
    padding: 0;
    margin: 0 35px;
    background-color: #FFFFFF;
    border: 1px solid gray;
    box-shadow: 5px 5px 5px gray;
}

.content:after {
    content: "";
    clear: both;
    display: table;
}

.content .map {
    position: relative;
    float: right;
    margin-right: 5px;
    padding: 0;
}

.content p {
    position: relative;
    padding: 0;
    margin: 10px 23px 0 23px;
    text-align: justify;
}

.content .corner {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    height: 105px;
}

.content h1 {
    position: relative;
    padding: 0;
    margin: 0 546px 0 40px;
    bottom: 90px;
    font-size: 60px;
    letter-spacing: 3px;
    text-align: center;
}

.content .agnolotti {
    position: relative;
    float: left;
    width: 250px;
    height: 200px;
    padding: 0;
    margin: 0 23px 0 0;
    left: 23px;
    bottom: 75px;
}

.content .p2 {
    text-align: justify;
    width: 65%;
    padding: 10px;
    bottom: 80px;
}

.content hr {
    position: relative;
    margin: 0 40px 0 30px;
    bottom: 55px;
    height: 5px;
    border: none;
    background-color: #8d7200;
}

.content i {
    color: #000000;
}

.content .icons {
    margin: 10px 546px 18px 31px;
    bottom: 55px;
    text-align: center;
}

.content h2 {
    position: relative;
    margin: 10px 546px 18px 31px;
    bottom: 50px;
    text-align: center;
}

.content h3 {
    position: relative;
    margin: 0 1450px 0 30px;
    bottom: 50px;
}

 

[Max 1]

Perchè non si vede i pallini???
Vedi qui che si vedono!!

 

[iTonto]

Da me non si vedono:

 

[Max 1]

Come facciamo ad aiutarti se tu non ci dai la possibilità!
Vedi che il codice che hai postato è diverso da quello che usi tu!
Io go usato il codice che hai postato e se noti la visualizzazione della pagina e tutta diversa della tua immagine ciò vuol dire che il codice non è lo stesso.
Metti la pagina online così noi possiamo vedere bene i comportamenti e il codice, altrimenti andare a naso non ci saltiamo fuori

 

[iTonto]

Il problema è che la pagina non è online, c'è un modo per metterla temporaneamente online?

 

[iTonto]

Ecco un fiddle: https://jsfiddle.net/cshtkvxq/3/

Però non capisco sul fiddle i pallini si vedono ed il codice è lo stesso che c'è sulla pagina, ho omesso solo l'header e il footer.

 

[Max 1]

ho omesso solo l'header e il footer.

Non ti viene il duvvi che proprio lì ci sia qualche cosa che influisca sul problema?

 

[iTonto]

Mah non credo, l'header e ill footer sono in containers separati.

 

[iTonto]

Risolto usando "list-style-type: disc;", però è strano i pallini dovrebbero esserci di default...

 

[Max 1]

Si esatto sono di defoult!
Se hai dovuto usare

list-style-type: disc;

questo ti dimostra che avevo ragione io a dire che c'è qualche regola o istruzione che sovrascrive il defoult, ma senza la tua piena collaborazione non ho potuto dirti quale

 

[iTonto]

Va bene, questo è il CSS completo: https://jsfiddle.net/mxt9vou9/

 

[Max 1]

Leggi! È due giorni che cerco di rispondere al tuo quesiti e tu non fai altro che darmi del codice che funziona anche togliendo la regola
list-style-type: disc;
e andare avanti così non va bene!
Se ti interessa il nostro aiuto/parere posta la pagina completa non funzionante altrimenti chiudo la discussione e ne se ne parla più

 

[iTonto]

Ecco pensavo bastasse solo il CSS, qui c'è tutto: https://jsfiddle.net/ycz7wxkr/1/

Servono anche le immagini?

 

[Max 1]

Ma hai notato che nel tuo fiddle i pallini si vedono anche senza style disc?

 

[iTonto]

Si ho notato e non capisco perchè nel browser non compaiono.

 

[Max 1]

Controlla le impostazioni del browser e prova un altro browser