Precedente :: Successivo |
Autore |
Messaggio |
HelpMe!!! Eroe in grazia degli dei
Registrato: 16/12/11 21:03 Messaggi: 87
|
Inviato: 31 Dic 2011 18:34 Oggetto: Inserire il testo in un'immagine |
|
|
Salve, qualcuno saprebbe spiegarmi come inserire un testoin un'immagine utilizzando il linguaggio html(se lo faccio visivamente mi cancella l'immagine, mentre io voglio che si conservi e che il testo vada sopra, ma rimanendo sempre dentro l'immagine, esempio:
<td colspan="5">
<img src="immagini/moltiplica-aggiornamenti.gif" width="257" height="39" alt=""></td>
<td>
questa è la stringa del linguaggio html al cui interno voglio inserire del testo, ho notato che nè con dreamweaver nè con kompozer è possibile una modifica visiva, ma non posso creare dal nulla un'altra immagine con photoshop semplicemente per delle scritte, anche perchè dovrei sostituirla di continuo per gli aggiornamenti, insomma vorrei metterle all'interno di quell'immagine del testo, qualcuno mi consiglia come fare, o meglio cosa devo scrivere nel linguaggio per inserire la scritta?
Grazie mille anticipatamente.
Esempio pratico di ciò che vorrei far accadere:
link |
|
Top |
|
|
madvero Amministratore
Registrato: 05/07/05 20:42 Messaggi: 19480 Residenza: Ero il maestro Zen. Scrivevo piccole poesie Haiku. Le mandavo a tutti via e-mail.
|
Inviato: 11 Gen 2012 00:11 Oggetto: |
|
|
io lo so fare solo con i fogli di stile...
ovvero attribuisci un'immagine di sfondo ad un tag della pagina (che ne so, i riquadri della tabella) e poi scrivi e basta.
ma se non conosci i css e ti serve per una pagina sola...
tipo... se ti serve per una pagina sola, metti nell'head della pagina
Codice: | <style>
td {
background-image: url(immagine.jpg);
background-repeat: no-repeat;
background-position: center center;
}
</style> |
|
|
Top |
|
|
madvero Amministratore
Registrato: 05/07/05 20:42 Messaggi: 19480 Residenza: Ero il maestro Zen. Scrivevo piccole poesie Haiku. Le mandavo a tutti via e-mail.
|
Inviato: 11 Gen 2012 00:42 Oggetto: |
|
|
ecco un esempio.
(clicca su wait to download, aspetta 45 secondi e poi scarica il file).
se non funziona più il link, copiaincolla questo testo qua sotto in un foglio del block notes e salva il file con estensione .htm e poi aprilo col tuo browser preferito:
Codice: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="all" type="text/css">
<style>
td {
background-image: url(http://www.madvero.it/common/madvero.gif);
background-repeat: no-repeat;
background-position: center center;
border: solid 1px black;
}
</style>
</head>
<body>
<table>
<tr>
<td> parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
</td>
<td> testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
</td>
<td> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</td>
</tr>
<tr>
<td> parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
</td>
<td> testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
</td>
<td> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</td>
</tr>
<tr>
<td> parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
parole parole parole parole parole parole parole parole parole parole
</td>
<td> testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
</td>
<td> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</td>
</tr>
</table>
</body>
</html> |
|
|
Top |
|
|
HelpMe!!! Eroe in grazia degli dei
Registrato: 16/12/11 21:03 Messaggi: 87
|
Inviato: 11 Gen 2012 00:42 Oggetto: |
|
|
No, lo devo fare per forza con i css perchè deve moltiplicarsi per 700 pagine, inoltre aggiornando, deve aggiornarsi a tutti i nautomatico. |
|
Top |
|
|
madvero Amministratore
Registrato: 05/07/05 20:42 Messaggi: 19480 Residenza: Ero il maestro Zen. Scrivevo piccole poesie Haiku. Le mandavo a tutti via e-mail.
|
Inviato: 11 Gen 2012 00:53 Oggetto: |
|
|
allora perfetto!
metti nel css
td {
background-image: url(http://www.madvero.it/common/madvero.gif);
background-repeat: no-repeat;
background-position: center center;
}
e vedrai che a cascata, in tutte le pagine, apparirà l'immagine. |
|
Top |
|
|
madvero Amministratore
Registrato: 05/07/05 20:42 Messaggi: 19480 Residenza: Ero il maestro Zen. Scrivevo piccole poesie Haiku. Le mandavo a tutti via e-mail.
|
Inviato: 11 Gen 2012 00:56 Oggetto: |
|
|
io comunque pensavo che non usassi i css perchè ho visto
colspan="5"
e io, personalmente, questo tipo di informazioni la infilo comunque nel foglio di stile.
sai qual è il problema? se vuoi inserire la stessa immagine in tutte le celle delle tabelle, funziona.
altrimenti non puoi attribuire le proprietà al td, ti tocca creare un
.sfondobello
nel css e marcare i td interessati come
<td class="sfondobello">
comunque prova a scaricare il file e vedi se era questo ciò che ti serviva. |
|
Top |
|
|
HelpMe!!! Eroe in grazia degli dei
Registrato: 16/12/11 21:03 Messaggi: 87
|
Inviato: 11 Gen 2012 02:17 Oggetto: |
|
|
veramente ho fatto il sito con un programma grafico e quando ho salvato il tutto come immagini e html automaticamente sono state date anche quelle indicazioni. Adesso scarico tutto, però provo domani che sono stanco e ora me ne vado a dormire. Poi ti faccio sapere. |
|
Top |
|
|
madvero Amministratore
Registrato: 05/07/05 20:42 Messaggi: 19480 Residenza: Ero il maestro Zen. Scrivevo piccole poesie Haiku. Le mandavo a tutti via e-mail.
|
Inviato: 12 Gen 2012 03:24 Oggetto: |
|
|
non c'è problema e non c'è fretta.
e se non ne dovessi venire a capo, puoi sempre postare il css generato dal wysiwyg. |
|
Top |
|
|
HelpMe!!! Eroe in grazia degli dei
Registrato: 16/12/11 21:03 Messaggi: 87
|
Inviato: 17 Gen 2012 00:56 Oggetto: |
|
|
Ok, c'è l'ho fatta, però ho dovuto riscrivere il sito, un consiglio: non usate photoshop per fare siti, tanto poi dovete riscrivere tutto... |
|
Top |
|
|
madvero Amministratore
Registrato: 05/07/05 20:42 Messaggi: 19480 Residenza: Ero il maestro Zen. Scrivevo piccole poesie Haiku. Le mandavo a tutti via e-mail.
|
Inviato: 17 Gen 2012 22:43 Oggetto: |
|
|
Citazione: | però ho dovuto riscrivere il sito |
eh, lo supponevo.
hai validato il foglio di stile? |
|
Top |
|
|
HelpMe!!! Eroe in grazia degli dei
Registrato: 16/12/11 21:03 Messaggi: 87
|
Inviato: 17 Gen 2012 22:45 Oggetto: |
|
|
Ho dovuto creare 11 fogli css per contenere tutti gli stili della pagine-.-".
E dovrò creare il 12esimo per adattare un menù verticale come voglio io... |
|
Top |
|
|
madvero Amministratore
Registrato: 05/07/05 20:42 Messaggi: 19480 Residenza: Ero il maestro Zen. Scrivevo piccole poesie Haiku. Le mandavo a tutti via e-mail.
|
Inviato: 17 Gen 2012 23:08 Oggetto: |
|
|
ammazza!
ma io chiedevo se il codice del css te lo sei pulito da solo, a mano, o se l'hai fatto grazie allo strumento di validazione automatica del w3c.
sai, è molto comodo.
rileva gli errori, raggruppa la sintassi, suggerisce le correzioni. |
|
Top |
|
|
HelpMe!!! Eroe in grazia degli dei
Registrato: 16/12/11 21:03 Messaggi: 87
|
Inviato: 17 Gen 2012 23:11 Oggetto: |
|
|
Ahahahah, no ho ricreato tutto io, però ho rifatto la pagina graficamente uguale a quella che avevo fatto prima, perchè graficamente mi piaceva però che fatica, e purtroppo ancora non ho finito, se sai qualcosa vai a vedere la discussione in merito al menù verticale |
|
Top |
|
|
|