Problema con ul in CSS

**nomade_k** · 22-11-2009, 14:37

Prettendo che sto facendo pratica; avendo questo:

codice:

body
	{
		background-color:#99ff33
	} 
#list
	{
		list-style-type:square
		font-family:Tahoma, Geneva, sans-serif
		font-weight:bold
		font-color:red
	}

Come faccio (ho provato ad usare una classe, l'id e anche il tag puro e semplice) ad impostare le proprietà per ul nel foglio di stile?
Ho cercato su Internet ma le soluzioni sono sempre le stesse che però non funzionano.
Dove sbaglio?

Grazie mille.

**Pino SIlvestre** · 22-11-2009, 14:43

:master:

se non ho capito male, può bastare

ul {
proprietà1:valore;
proprietà2:valore;
...etc...
}

no? :master:

**nomade_k** · 22-11-2009, 14:48

E' quello il problema.

Anche io credevo bastasse quello invece ho provato e non va. Come del resto anche ID e le classi.

Why?

**Pino SIlvestre** · 22-11-2009, 14:55

in generale funziona così (e anche con classi ed id funziona). Cosa interferisce con il tuo codice?

Dimmi, se metti su al volo una pagina ignorante come

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>pagina ignorante</title>
  <style>
   ul {background:pink}
  </style>
 </head>
 <body>
  <ul>[*]lallalla[*]lillilli[*]lullullu[/list]
 </body>
</html>

succede qualcosa?

**nomade_k** · 22-11-2009, 15:20

Succede che il tuo esempio funziona.

Ecco perché sta cosa mi sta facendo innervosire.

Vediamo le possibili differenze.
- Io sto usando Xhtml e la DTD Strict.
- Gli stili sono specificati in un file esterno e richiamati con

codice:

<link rel="stylesheet" type="text/css" href="style.css" />

.

Ora, la pagina è:

codice:

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="it" xml:lang="it" xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>
			Titolo
		</title>
		<meta http-equiv="content-type" content="text/html; 

charset=ISO-8859-1" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="distribution" content="global" /> 
  		<meta http-equiv="imagetoolbar" content="no" />
		<meta name="dc.title" content="Titolo" />
		<meta name="generator" content="gedit" />
		<meta name="creation_date" content="21/11/2009" />
		<meta name="author" content="nomade" />
    		<meta name="rating" content="general" />
    		<meta name="owner" content="nomade" />
		<link rel="stylesheet" type="text/css" href="style.css" />
	</head>
	<body>


<ul>[*]aaa[/list]</p>
	</body>
</html>

Il CSS è:

codice:

body
	{
		background-color:#99ff33
	} 
ul
	{
		list-style-type:square
		font-family:Tahoma, Geneva, sans-serif
		font-weight:bold
		font-color:red
	}

Il risultato è un elenco non ordinato di un elemento, con il PALLINO, in TIMES, NERO e NON in bold.
In compenso lo sfondo della pagina è del colore giusto.

**Pino SIlvestre** · 22-11-2009, 15:39

(sorry, pranzavo)

Scusa, sono cecato

trovato problema:

codice:

		list-style-type:square;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;
		font-color:red

devi utilizzare il ; come separatore tra i comandi, sia che tu scriva sulla stessa riga, sia che tu vada a capo. Puoi omettere il ; all'ultimo comando in quanto superfluo

edit: font-color non esiste, per colorare il testo c'è color.

**nomade_k** · 22-11-2009, 17:10

Originariamente inviato da Pino SIlvestre
(sorry, pranzavo)

Figurati

anzi, grazie dell'aiuto che mi dai.

Tornando al topic... non commento. Se il problema era quello sono più esaurito di quanto pensassi.
Ora provo e ti dico.

Grazie mille comunque.

**nomade_k** · 22-11-2009, 19:46

Intanto, up!

Scusate ma avevo un altro quesito. Aiutate sto povero diavolo.

Abbiamo per la gestione dei link:

codice:

a:link
	{
		color:#000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold
	}
a:active
	{
		color:#000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold
	}
a:hover
	{
		color:#000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:normal
	}
a:visited
	{
		color:#000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:normal
	}

Però una volta cliccato sul link, il testo rimane bold.
Dove sbaglio?

Grazie mille anche per la pazienza.

**Pino SIlvestre** · 22-11-2009, 23:44

quel codice, preso singolarmente, dovrebbe funzionare (puoi verificarlo tu stesso creando una nuova pagina), sicuro che non ci siano conflitti con altre porzioni di codice?

posta il css e l'html interessato

**nomade_k** · 23-11-2009, 00:29

Ho pensato anche io ad un conflitto e ho provato a capire quale fosse, ma probabilmente a causa dell'inseperienza, non ne sono venuto a capo.

Posto i listati.

Pagina:

codice:

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<html lang="it" xml:lang="it" xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>
			titolo
		</title>
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="distribution" content="global" /> 
  		<meta http-equiv="imagetoolbar" content="no" />
		<meta name="dc.title" content="titolo" />
		<meta name="generator" content="gedit" />
		<meta name="creation_date" content="21/11/2009" />
		<meta name="author" content="nomade" />
    		<meta name="rating" content="general" />
    		<meta name="owner" content="nomade" />
		<link rel="stylesheet" type="text/css" href="style.css" />
	</head>
	<body>
		<div>
			<ul>
				[*]
					<a href="dir1/dir2/page2.html">
						Testo di prova senza link
					</a>
				
			[/list]
		</div>
	</body>
</html>

CSS:

codice:

body
	{
		background-color:#ffffff
	} 
ul
	{
		list-style-type:square;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:0.875em;
		font-weight:bold
	}
div	
	{
		width:85%;
		padding:20px;		
		border:1px solid #000000;
		margin:auto
	}
a:link
	{
		color:#000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold
	}
a:active
	{
		color:#000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold
	}
a:hover
	{
		color:#000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:normal
	}
a:visited
	{
		color:#000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:normal
	}

Thanks a lot.

Discussione: Problema con ul in CSS

Strumenti discussione

Ricerca discussione

Visualizza

Problema con ul in CSS

Permessi di invio