Problema con stile liste

**cepu96** · 07-03-2011, 13:35

Salve a tutti,
Questo è il oglio di stile che importo (e che funziona in ogni sua parte), basato sul reset di Eric Meyer

codice:

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: medium;
font-family: Tahoma, Arial, sans-serif;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: white;
background: #303030 repeat fixed;
}
ol, ul, li {
list-style: disc outside; color: white;
}

/* tables still need ‘cellspacing="0"’ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:link    {text-decoration: underline; color: #FFFF00}
a:visited {text-decoration: underline; color: #FFA500}
a:hover   {text-decoration: underline; color: #FFA500}

Nonostante qui:

codice:

ol, ul, li {
list-style: disc outside; color: white;
}

Specifichi che voglio list e list-item con il dischetto esterno al testo, di colroe bianco, questo non ha alcun effetto sulle liste che uso! Tutto il resto invece, funziona alla perfezione!

Cosa c'è che non va?

Ciao e grazie a chi mi risponderà

**cepu96** · 07-03-2011, 14:03

Ho cambiato la proprietà padding nel foglio di stile (proprio all'inizio) a 0 10px e ora mi si vedono, ma si è scombinato tutto il resto

**mucu** · 07-03-2011, 14:30

inutile scrive altri post
facendo finta che il tuo documento assomiglia a qualcosa del genere

codice:

<!DOCTYPE html>
<html>
<head>
<title>titolo pagina</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="stile.css" type="text/css" media="screen">
<script type="text/javascript" charset="utf-8" src="script.js"></script>
</head>
<body>
</body>
</html>

lascia stare il reset, se non sai cosa stai facendo e aggiungi un tuo foglio di stile con le modifiche che desideri

Discussione: Problema con stile liste

Strumenti discussione

Ricerca discussione

Visualizza

Problema con stile liste

Permessi di invio