simulare stile immagine,

**Certe Notti** · 07-01-2005, 15:17

salve a tutti,

io ho come base di partenza l'immagine che vi allego...

quello che sò è che è stata fatta in flash e poi esportata come jpg, so quali sono i colori che compongono il suo background e il testo, so che è alta 20Px e so che il font-size utilizzato da flash era di 10 (pt o px... bho?) oltre che al fatto che il font-type era il verdana.

ora vi chiedo se è possibile riprodurre questo stile di testo mediante un css in modo che il tutto risulti puù leggero e che io possa sfruttare una cella di tabella alta 20 col background per poi inserire del semplice testo.

se si mi potreste indicare cosa devo scrivere nel foglio di stile?

Grazie

**DYNAM!C+** · 07-01-2005, 15:34

td {
height: <altezza cella>;
background-color: <sfondo cella>;

font-family: verdana;
font-size: 10pt;
font-weight: bold;
}

**Certe Notti** · 07-01-2005, 15:36

emh... ops

e poi questo dove lo ficco?

**Certe Notti** · 07-01-2005, 15:45

della serie che per quel poco che so di css

di solito non inizia tutto con

<style type="text/css">

.qualcosa {}

</style>

in modo che poi nel comando font uno possa mettere:

<font class="qualcosa">

almeno io so questo....

e comunque

codice:

td { 
height: <altezza cella>; 
background-color: <sfondo cella>; 

font-family: verdana; 
font-color: colore font
font-size: 10pt; 
font-weight: bold; 
}

ho improvvisato la modifica ma credo necessiti anche il colore del font...

**electric_g** · 07-01-2005, 16:31

non è

codice:

font-color: colore font;

ma solo

codice:

color: colore font;

**chetto** · 07-01-2005, 16:35

Non sempre bisogna usare una classe, se metti td prima delle parentesi nel foglio stile significa che gli attributi che dichiarerai avranno effetto su tutte le celle di una tabella (td appunto). Se per esempio mettessi body avrebbe effetto su tutto il corpo del documento, ecc... Almeno penso...

**Certe Notti** · 07-01-2005, 17:48

Originariamente inviato da chetto
Non sempre bisogna usare una classe, se metti td prima delle parentesi nel foglio stile significa che gli attributi che dichiarerai avranno effetto su tutte le celle di una tabella (td appunto). Se per esempio mettessi body avrebbe effetto su tutto il corpo del documento, ecc... Almeno penso...

ok ma allora per richiamare quella classe che scrivo?

<td class="td"> ??

**chetto** · 07-01-2005, 18:28

Se vuoi decretare una classe nel foglio stile metti: .nome classe
e in html scrivi ad esempio: <td class=nome classe>, <body class=nome classe> ecc....
Invece se vuoi modificare tutti gli elementi che hanno un dato nome come td nel tuo caso o body, head ecc.. basta che nel foglio stile scrivi ad esempio td {} e in html non devi modificare niente perchè si formatta tutto da solo....

**Certe Notti** · 07-01-2005, 18:40

Originariamente inviato da chetto
Se vuoi decretare una classe nel foglio stile metti: .nome classe
e in html scrivi ad esempio: <td class=nome classe>, <body class=nome classe> ecc....
Invece se vuoi modificare tutti gli elementi che hanno un dato nome come td nel tuo caso o body, head ecc.. basta che nel foglio stile scrivi ad esempio td {} e in html non devi modificare niente perchè si formatta tutto da solo....

ecco allora c'è un errore di base...

io non devo alterare tutte le celle delle tabelle, anche perchè sol oalcune saranno alte 20px e con il background di un certo colore ma a me serve riprodurre solo i ltesto di quell'immagine che ho allegato all'inizio in maniera per capirci che se io faccio una roba tipo:

<font classe"pippo">testo</font>

poi questo testo assuma la grafia di quell odell'immagine background della tabella, altezza larghezza me le gestisco manualmente

Grazie

**chetto** · 08-01-2005, 13:22

ecco allora basta che decreti una classe nel foglio stile con le opportune impostazioni e poi in html dici di usare questa classe solo nelle celle dove vuoi (indicate con td).
Quindi nel css metti: .nome classe {} e in html <td class=nome classe>.
Perdonami se non avevo capito, ciao!

Discussione: simulare stile immagine,

Strumenti discussione

Ricerca discussione

Visualizza

simulare stile immagine,

Permessi di invio