CSS che non capisce il font size!

**Supermik** · 07-02-2006, 15:31

Ciao a tutti,

ho questo problema: devo ridurre la grandezza del font generico che viene utilizzato nel sito che mi hanno affidato.

Ecco il mio file css:

codice:

BODY 
{ 
/* DEFINIZIONE COLORE DELLO SFONDO IN NERO */ 
background-color: #000000; 

/* DEFINIZIONE COLORE TESTO PER L'INTERO DOCUMENTO */    
color: #0099ff; 

/* DEFINIZIONE DIMENSIONE TESTO PER L'INTERO DOCUMENTO */ 
font-size : 10pt; 

/* DEFINIZIONE FAMIGLIA CARATTERI PER L'INTERO DOCUMENTO */ 
font-family: tahoma, verdana, arial, times, san-serif ; 

/* DEFINIZIONE COLORE SCROOL BAR */       
scrollbar-3dlight-color: #0475c5; 
scrollbar-arrow-color: #0000ff; 
scrollbar-base-color: #0475c5; 
scrollbar-darkshadow-color: #000000; 
scrollbar-face-color: #0066FF; 
scrollbar-highlight-color: #0000ff; 
scrollbar-shadow-color: #0000FF; 
scrollbar-track-color: #000000; 
} 
/* SELETTORI CLASSI */ 
.attenzione    
{ 
        background-color: #000000; 
      color: #FFFFFF; 
      font-size: 14pt; 
      font-weight: bold; 
      font-style: italic; 
} 
.note 
{ 
      background-color: #000000; 
      color: #0099ff; 
      font-size: 8pt;     
      font-weight: normal; 
}                                  
/* PSEUDOCLASSI */ 
a:link { 
   COLOR: #0099ff 
} 
a:visited { 
   COLOR: #ffffff; 
} 
a:hover { 
   COLOR: #FFFFFF; 
   TEXT-DECORATION: underline; 
}

Perché non "capisce" di ridurre il carattere generico?
Il carattere resta tale e quale a prima!

Grazie!

Il sito che sto elaborando è questo: www.octopusdiveclub.net

La struttura del sito è la seguente:

nella cartella di root (/octopusdiveclub.net) sono presenti i seguneti file:
index.htm
stile.css
index_interno.php

octopusdiveclub.net/html contiene:
home.htm
gite.htm
link.htm e così via...

Ecco l'incipit di una pagina (ho preso quella della home per fare un esempio):

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>Octopus Dive Club Basaluzzo - Sito Ufficiale - Home page</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<SCRIPT language="JavaScript" type="text/javascript"> 
<!-- 
defaultStatus = "OCTOPUS DIVE CLUB Basaluzzo" 
//--> 
</SCRIPT> 
 
<script language="JavaScript" type="text/javascript"> 
function esempio(str) { 
        searchWin = window.open(str,'esempio','scrollbars=yes,resizable=yes,width=600,height=500,status=no,location=no,toolbar=no'); 
//        searchWin.refer = self; 
} 
</script> 
 
<SCRIPT LANGUAGE="JavaScript1.1" type="text/javascript"> 
<!-- Begin 
function right(e) { 
if (navigator.appName == 'Netscape' && 
(e.which == 3 || e.which == 2)) 
return false; 
else if (navigator.appName == 'Microsoft Internet Explorer' && 
(event.button == 2 || event.button == 3)) { 
alert("Spiacenti, il tasto destro del mouse e' disabilitato"); 
return false; 
} 
return true; 
} 
document.onmousedown=right; 
if (document.layers) window.captureEvents(Event.MOUSEDOWN); 
window.onmousedown=right; 
// End --> 
</script> 
<link href="../stile.css" rel="stylesheet" type="text/css"> 
</head>

ecco quello invece di index_interno.php

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>OCTOPUS DIVE CLUB Basaluzzo - Sito Ufficiale</title> 
<SCRIPT language="JavaScript" type="text/javascript"> 
<!-- 
defaultStatus = "OCTOPUS DIVE CLUB Basaluzzo" 
//--> 
</SCRIPT> 
<link href="stile.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<div align="center"> 

  <table width="760" border="0" align="center" cellpadding="0" cellspacing="0"> 
    <tr valign="top"> 
      <td colspan="2"> 
     <div align="center"> 
          <applet code="lake" width="700" height="123"> 
           <param name="image" value="immagini/titolo_interno.jpg"> 
           <param name="underwater" value="true"> 
           <param name="href" value=""> 
           <param name="target" value="_self"> 
           </applet> 
     </div> 
     </td> 
    </tr> 
    <tr valign="top"> 
      <td width="140" height="196" > 
        <div align="left"> 
      [img]immagini/sommario.jpg[/img]<map name="m_sommario"> 
<area shape="rect" coords="6,676,128,722" href="index_interno.php?link=html/galleria.htm" title="Una splendida galleria fotografica e alcune interessanti nozioni di biologia marina!" alt="Una splendida galleria fotografica e alcune interessanti nozioni di biologia marina!" > 
<area shape="rect" coords="42,774,89,796" href="index_interno.php?link=html/link.htm" title="Qui troverai tutti i link a siti di associazioni e siti di interesse subaqueo" alt="Qui troverai tutti i link a siti di associazioni e siti di interesse subaqueo" > 
<area shape="rect" coords="13,580,120,602" href="index_interno.php?link=html/gite.htm" title="Clicca qui per vedere le gite da noi organizzate" alt="Clicca qui per vedere le gite da noi organizzate" > 
<area shape="rect" coords="30,471,96,493" href="index_interno.php?link=html/news.htm" title="Clicca qui per conoscere tutte le news: inizio corsi, date escursioni, ecc..." alt="Clicca qui per conoscere tutte le news: inizio corsi, date escursioni, ecc..." > 
<area shape="rect" coords="15,345,110,387" href="index_interno.php?link=html/corsi.htm" title="Se vuoi conoscere quali corsi facciamo e che didattiche usiamo clicca qui" alt="Se vuoi conoscere quali corsi facciamo e che didattiche usiamo clicca qui" > 
<area shape="rect" coords="3,221,128,263" href="index_interno.php?link=html/offerte.htm" title="Se vuoi conoscere le nostre offerte e le convenzioni che abbiamo stipulato, clicca qui" alt="Se vuoi conoscere le nostre offerte e le convenzioni che abbiamo stipulato, clicca qui" > 
<area shape="rect" coords="13,111,115,133" href="index_interno.php?link=html/presentazione.htm" title="Se vuoi conoscerci e avere più informazioni su di noi clicca qui" alt="Se vuoi conoscerci e avere più informazioni su di noi clicca qui" > 
<area shape="rect" coords="7,7,120,33" href="index_interno.php?link=html/home.htm" title="Torna all'home page del sito" alt="Torna all'home page del sito" > 
</map> 
      </div> 
   </td> 
   <td width="630" rowspan="2"> <div align="left">
 
          <?php $path = "";$link = $_GET['link']; if(!$link) {include ("html/home.htm");} elseif(!file_exists($link)) {echo "Link inesistente";exit();} else {include($link);} ?> 
          
 
        </div> 
      </td> 
    </tr> 
    <tr valign="top"> 
    <td width="130" height="37" valign="top"></td> 
    </tr> 
  </table> 
</div> 
  <p align="center" class="note"> 
  Il mare non ha paese nemmeno lui, ed è di tutti quelli che lo stanno ad ascoltare, di qua 
  e di là dove nasce e muore il sole (G. Verga). 
   
  

 
  [img]immagini/barra.gif[/img]

 
  Realizzazione grafica e programmazione HTML e PHP a cura di Matteo Capuzzi.
 
  &copy; Octopus Dive Club 2005
 
  RIPRODUZIONE VIETATA ANCHE SOLO PARZIALE.

 
  <a href="http://validator.w3.org/" class="link" target="_blank"> 
  [img]immagini/the_W3C_validator_team.jpg[/img] 
  </a> 
   
  <a href="http://jigsaw.w3.org/css-validator/" class="link" target="_blank"> 
  [img]immagini/the_W3C_CSS_validator_team.jpg[/img] 
  </a> 
  </p> 
</body> 
</html>

dov'è l'errore che impedisce di far leggere il set di caratteri a 10pt?

Grazie

**Mich_** · 07-02-2006, 15:57

Alcune considerazioni:

1. il selettore BODY potrebbe non essere riconosciuto dal browser. Non fa parte dello standard. Devi usare il selettore body (minuscolo).

2. Il browser che usi potrebbe limitare la dimensione dei caratteri (ad esempio in FF, si puo` impostare tra le preferenze).

**Supermik** · 07-02-2006, 16:21

Ho corretto come mi ha suggerito, ma purtroppo il carattere sembra fregarsene della specifica circa la size del testo...

Sto controllando il sito parallelamente con colui che mi ha commissionato il sito che usa firefox. Io verifico l'effetto con Explorer.
Per entramebe la dimensione del font resta sempre la stessa e non sente ragione di scendere al valore impostato!

**edy72** · 07-02-2006, 18:14

ho guardato il sito all'indirizzo http://www.octopusdiveclub.net/
e ho notato che nel css associato (che ho trovato a
questo indirizzo:
http://www.octopusdiveclub.net/stile.css)

la dimensione del font è 12 punti e non 10 come indicato nel forum:

codice:

/* DEFINIZIONE DIMENSIONE CARATTERI PER L'INTERO DOCUMENTO */
font-size: 12pt;

non so se l'hai cambiata dopo aver inserito il post, altrimenti potrebbe essere questa la spiegazione

ciao!!

**Supermik** · 07-02-2006, 18:29

Originariamente inviato da edy72
ho guardato il sito all'indirizzo http://www.octopusdiveclub.net/
e ho notato che nel css associato (che ho trovato a
questo indirizzo:
http://www.octopusdiveclub.net/stile.css)

la dimensione del font è 12 punti e non 10 come indicato nel forum:

codice:

/* DEFINIZIONE DIMENSIONE CARATTERI PER L'INTERO DOCUMENTO */
font-size: 12pt;

non so se l'hai cambiata dopo aver inserito il post, altrimenti potrebbe essere questa la spiegazione

ciao!!

Hai ragione (ho lasciato il file css così come lo hai trovato), ma le ho provate e tutte... e il font resta sempre visualizzato a 14pt...
La famiglia dei font è accettata, il colore pure... ma perché deve far storie con la dimensione?

**edy72** · 07-02-2006, 18:48

scusami Supermik non avevo letto bene il codice html, il problema dovrebbe essere che usando le tabelle, queste non ereditano bene la dimensione del font, per cui esplicitarla, ad esempio:

codice:

table {font-size: 10pt;}

dico dovrebbe perché ho scaricato la pagina in locale e ho fatto delle prove con esito positivo, ma il vero test lo puoi fare solo tu online.

Inoltre, approfitto dell'occasione per un paio di considerazioni al volo:
- su video dovresti usare la dimensione in pixel (px) piuttosto che quella in punti;
- non so se è l'include in php, ma nella pagina che ho controllato http://www.octopusdiveclub.net/index...sentazione.htm
ci sono tag ripetuti che non dovrebbero esserlo (html, head)

ciao!!

**Supermik** · 07-02-2006, 19:01

Originariamente inviato da edy72
scusami Supermik non avevo letto bene il codice html, il problema dovrebbe essere che usando le tabelle, queste non ereditano bene la dimensione del font, per cui esplicitarla, ad esempio:

codice:

table {font-size: 10pt;}

dico dovrebbe perché ho scaricato la pagina in locale e ho fatto delle prove con esito positivo, ma il vero test lo puoi fare solo tu online.

Inoltre, approfitto dell'occasione per un paio di considerazioni al volo:
- su video dovresti usare la dimensione in pixel (px) piuttosto che quella in punti;
- non so se è l'include in php, ma nella pagina che ho controllato http://www.octopusdiveclub.net/index...sentazione.htm
ci sono tag ripetuti che non dovrebbero esserlo (html, head)

ciao!!

Non so come ringraziarti, era dovuto al fatto che vengono usate le tabelle (secondo lo schema imposto da index_interno.php)
Ora è tutto a posto come desideravo.
Cosa potresti consigliarmi come dimensioni in px, più adatte alla visualizzazione video?

Ho controllato i tag doppi, sono dovuti all'include della pagina index_interno.php!

Ti ringrazio ancora di cuore, e se hai consigli su come migliorare il sito sei il ben accetto.

**Supermik** · 07-02-2006, 23:55

Troppo bello per essere vero!
Perché ora ho problemi nelle finestrelle pop up?
Non setta la dimensione del font, il font resta 14pt!

Per il resto va tutto bene!

**V4NY** · 08-02-2006, 01:32

Hai provato a cambiarli in px invece di pt?

**Supermik** · 08-02-2006, 10:28

Funziona ora, grazie!

Discussione: CSS che non capisce il font size!

Strumenti discussione

Ricerca discussione

Visualizza

CSS che non capisce il font size!

dimesione a 12pt nel css

Re: dimesione a 12pt nel css

pardon

Re: pardon

Permessi di invio