Problema CSS .. imposta una proprietà, l'altra no

**lolide** · 13-05-2009, 11:57

buongiorno a tutti

sto facendo una pagina in php dove importo il css stile.css ...

la parte interessata è questa:

<div id=pagina>...</div>

nel div ho una tabella a cui secondo il css:

div#pagina { font-family: Verdana; font-size: 20px; }

dovrebbe impostare la dimensione e il font e invece imposta solo la prima proprietà:

ora per esempio, la prima proprietà è il font e quindi lui imposta il font verdana ma non la dimensione;
se la dimensione fosse scritta prima rispetto al nome del font nel css, imposterebbe la dimensione ma non il font ... mi chiedo ma com'è possibile ???

ho sempre fatto così ed è sempre andata bene ora no ??

**lolide** · 13-05-2009, 15:02

nessun'idea ?

**Mich_** · 13-05-2009, 15:35

Non c'e` logica.
Non ha senso quello che dici, ed in questi casi io sospetto un errore da qualche parte.

Dato che le informazioni che fornisci sono molto scarse, e` impossibile dare una risposta che abbia senso.

Quindi ti propongo i passi seguenti:
1. Fare una verifica sintattica del codice HTML e del codice CSS: tra i "link utili" trovi i link ai validatori del W3C.

2. Quando non ci sono errori di sintassi, cercare di isolare il problema, mediante realizzazione di una pagina di prova

3. Se ancora non risolvi, posta qui il link alla pagina che non funziona: magari qualcuno trova l'errore.

In ogni modo facci sapere come e` andata.

**robertosorbara** · 13-05-2009, 16:05

Ciao, prova ad impostare una classe invece che un id vediamo se cambia qualcosa o altra prova, cambia div#pagina semplicemente con #pagina.

Ciao.
-------------------
www.informatic-a.it
www.myjuice.it

**lolide** · 13-05-2009, 16:16

eccomi qui ...

ora spiego meglio

ho questo codice

Codice PHP:


echo '<html><head><title>prova</title><style type="text/css">@import url("stile.css");</style>'; echo '<script type="text/javascript" src="BubbleTooltips.js"></script><script type="text/javascript">window.onload=function(){enableTooltips()};</script></head>'; echo '<body bgcolor=#969696>'; echo '<div align=center id=menu_rapido>'; echo '<center><table><tr valign=top><td>'; echo '<table id=news_tbl width=282 cellpadding=0 cellspacing=0>'; echo '<tr background="img/menu_header.jpg" height=40 style="color: red;"><td><center><img src=img/pulsante.jpg></center></td></tr>'; echo '<tr background="img/menu_back.jpg"><td><left>&ensp;&ensp;&ensp;<a href="google.it" title="ciao">Informatica</left></td></tr>'; echo '<tr background="img/menu_back.jpg"><td><left>&ensp;&ensp;&ensp;Statistica e Ric. Operativa</left></td></tr>'; echo '<tr background="img/menu_back.jpg"><td><left>&ensp;&ensp;&ensp;Informatica</left></td></tr>'; echo '<tr background="img/menu_back.jpg"><td><left>&ensp;&ensp;&ensp;Informatica</left></td></tr>'; echo '<tr background="img/menu_back.jpg"><td><left>&ensp;&ensp;&ensp;Informatica</left></td></tr>'; echo '<tr background="img/menu_end.jpg" height=24><td></td></tr>'; echo '</table>'; echo '</div>'; echo '</td><td>'; echo '<table id=news_tbl2 border=1>'; echo '<tr background="img/menu_header.jpg"><td>ciaoooooooooooooooo1</td></tr>'; echo '<tr background="img/menu_header.jpg"><td>ciaoooooooooooooooo1</td></tr>'; echo '<tr background="img/menu_header.jpg"><td>ciaoooooooooooooooo1</td></tr>'; echo '<tr background="img/menu_header.jpg"><td>ciaoooooooooooooooo1</td></tr>'; echo '<tr background="img/menu_header.jpg"><td>ciaoooooooooooooooo1</td></tr>'; echo '<tr background="img/menu_header.jpg"><td>ciaoooooooooooooooo1</td></tr>'; echo '<tr background="img/menu_header.jpg"><td>ciaoooooooooooooooo1</td></tr>'; echo '<tr background="img/menu_header.jpg"><td>ciaoooooooooooooooo1</td></tr>'; echo '</table>'; echo '</td></tr><table></center>'; echo '</body></html>';

e il css è questo:

div#menu_rapido {font-family: Verdana; font-size: 10px; color: #000000;}

il problema è che il colore lo cambia e diventa banco quindi il css e il modo in cui chiamo lo stile vanno bene ... solo che così scritto cambia il font ma non la dimensione, e se scrivo così:

div#menu_rapido {font-size: 10px; color: #000000;}

cambia la dimensione ma tutt'e due insieme non lo fa ... è come se non li possa cambiare insieme.

spero che mi abbiate capito

grazie

**Mich_** · 13-05-2009, 16:43

Un codice cosi` e` impossibile da controllare.
Se vuoi aiuto, devi postare il codice HTML, senza i richiami PHP.
La cosa migliore e` se prendi il codice dal brwoser (click destro - visualizza sorgente).
Inoltre il codice deve essere formattato in modo umano, altrimenti e` difficile seguirlo.

Comunque per trovare errori di sintassi non c'e` niente di meglio dei validatori.
Pertanto prima di postare nuovamente, passa dai validatori.

Nota:
il colore #000 e` il nero. Il bianco e` #fff.
Come dire che il tuo ragionamento fa acqua: controlla che il path del CSS sia corretto

**lolide** · 13-05-2009, 16:46

grazie lo stesso ma ho risolto ...

volevo dare lo stile ad una tabella e pensavo che racchiudendo la tabella in un div e assegnando la classe al div, la tabella avrebbe preso lo stile

invece ho assegnato la classe al table e funziona

però mi è strana sta cosa che il div non passa lo stile alla tabella :S mah

**Mich_** · 13-05-2009, 16:53

Ci sono attributi ereditati ed attributi che non vengono ereditati (i manuali CSS riportano quali sono ereditati e quali no).

E ci sono le tabelle, che in qualche browser non ereditano gli attributi esterni. Se ne e` parlato parecchio tempo fa, per cui se vuoi approfondire, ti basta usare la ricerca nel forum con parole chiave del tipo "tabell*", "eredit*" e sim.

Discussione: Problema CSS .. imposta una proprietà, l'altra no

Strumenti discussione

Ricerca discussione

Visualizza

Problema CSS .. imposta una proprietà, l'altra no

Permessi di invio