[HTML] <ul> markers non appaiono

iTonto

Utente Attivo
8 Feb 2018
99
1
18
www.fiverr.com
Ecco ho inserito una <ul> nella mia pagina html però i suoi markers non appaiono, nel CSS non ho ancora effettuato nessuna modifica.

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

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.058
299
83
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

Utente Attivo
8 Feb 2018
99
1
18
www.fiverr.com
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>.

HTML:
<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>
Codice:
.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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.058
299
83
Perchè non si vede i pallini???
Vedi qui che si vedono!!
dho.gif
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.058
299
83
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
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.058
299
83

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.058
299
83
Si esatto sono di defoult!
Se hai dovuto usare
HTML:
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
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.058
299
83
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ù
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.058
299
83
Ma hai notato che nel tuo fiddle i pallini si vedono anche senza style disc?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.058
299
83
Controlla le impostazioni del browser e prova un altro browser