visualizzazione sito cambiando grandezza caratteri

**Francis87** · 01-09-2003, 21:06

Originariamente inviato da ganzo
In pratica la parola montagna che generalmente i html si scrive così:

<font face="Verdana" size="4">montagna</font></p> come andrebbe scritta in modo tale che non si possa modificare l'ampiezza del carattere con o senza css?grazie

Lo stile è SEMPRE CSS, ke stia in un file css o nel documento, ma resta css.

<font face="Verdana" size="4">montagna</font></p>

montagna</p>

p
{
font-family: verdana;
font-size: 14pt;
}

non so quanto sia 4 nel font ....

se invece il tag

ha di preferenza un altro stile crei una classe

<p class="verdana">montagna</p>

p.verdana
{
font-family: verdana;
font-size: 14pt;
}

**ganzo** · 01-09-2003, 23:06

Ho provato ma mi appare tutto il codice sulla pagina e non solo il termine "montagna"!!

**cantard** · 01-09-2003, 23:30

La definizione dello stile la devi mettere tra <head> e </head> nella pagina e poi la richiami nel body quando scrivi.

esempio:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<head>
<title>-----------</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
p {font-size:20px;}
.rosso{color:#D70B05;text-decoration:underline;}
</style>
</head>

<body>

<p class="rosso">tentativi di scrittura</p>

</body>
</html>

Puoi definire gli stili anche in un file esterno (meglio), ma per provare così è forse più chiaro.

Una terza soluzione è questa (inline), ma non è così utile..

<p style="border:1px solid black; display:inline; color:white;background-color:#D70B05;font-size:17px;">stile in linea</p>

ciao

**ganzo** · 02-09-2003, 08:39

Molto bene in questo modo le cose funzionano

<style type="text/css">
p {font-size:20px;}
.rosso{color:#D70B05;text-decoration:underline;}
</style>
</head>

<body>

<p class="rosso">tentativi di scrittura</p>

</body>

Ora ti chiedo:Ho provato ad inserire un secondo stile ma modificando le dimensioni al secondo,cambiano anche al primo es:
<style type="text/css">
p {font-size:20px;}
.rosso{color:#D70B05;text-decoration:underline;}
</style>
<style type="text/css">
p {font-size:10px;}
.blu{color:????????;text-decoration:underline;}
</style>
</head>

<body>

<p class="rosso">tentativi di scrittura</p>
<p class="blu">scrittura</p>

</body>
In questo modo anche tentativi di scrittura prende le dimensioni (10) di scrittura.

2-E se invece che un normale termine di testo volessi inserirte un link?grazie!!

**cantard** · 02-09-2003, 09:09

Non conviene usare due volte p{ perchè lo stile viene ereditato.
E' meglio associare la grandezza di 10px direttamente alla classe blu oppure creare una classe per la grandezza 10px.
p.es:

<style type="text/css">
p {font-size:20px;}
.rosso{color:#D70B05;text-decoration:underline;}
.blu{color:blue;text-decoration:underline;font-size:10px;}
</style>
</head>

<p class="rosso">tentativi di scrittura</p>
<p class="blu">scrittura</p>

oppure:

p {font-size:20px;}
.rosso{color:#D70B05;text-decoration:underline;}
.blu{color:blue;text-decoration:underline;}
.piccolo{font-size:10px;}

<p class="rosso">tentativi di scrittura</p>
<p class="blu piccolo">scrittura</p>

Per i link fai una ricerca sul forum, se ne è parlato a iosa...

ciao

**ganzo** · 02-09-2003, 21:36

Per ora tutto ok.
Altro quesito:se in una tabella o cella inserisco un elenco di termini e voglio che tutto ciò che è contenuto in tale tabella abbia lo stesso stile e dimensione,posso farlo con un comando unico?

**cantard** · 03-09-2003, 00:43

Passoparola, perchè non sono pratico nel formattare tabelle con css.

Comunque, qui sotto, c'era questa pillola

....
http://forum.html.it/forum/showthrea...hreadid=501846

:bubu:

**ganzo** · 03-09-2003, 15:29

Vediamo se qualcuno lo sa!

**cantard** · 03-09-2003, 16:48

Sicuramente puoi formattare le <td>, ma non so se puoi fare altrettanto con <table>...prova, così vedi se funziona

**rookie** · 03-09-2003, 17:42

fai un salto qua, trovi materiale interessante

www.constile.org (in italiano)

www.alistapart.com (in inglese, ma e' la bibbia degli stilisti)

Discussione: visualizzazione sito cambiando grandezza caratteri

Strumenti discussione

Ricerca discussione

Visualizza

utili ed istruttive letture

Permessi di invio