Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
Inserire il testo in un'immagine
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
HelpMe!!!
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 16/12/11 21:03
Messaggi: 87

MessaggioInviato: 31 Dic 2011 18:34    Oggetto: Inserire il testo in un'immagine Rispondi citando

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
Profilo Invia messaggio privato
madvero
Amministratore
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.

MessaggioInviato: 11 Gen 2012 00:11    Oggetto: Rispondi citando

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...

Think Think Think

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
Profilo Invia messaggio privato Invia e-mail HomePage
madvero
Amministratore
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.

MessaggioInviato: 11 Gen 2012 00:42    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato Invia e-mail HomePage
HelpMe!!!
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 16/12/11 21:03
Messaggi: 87

MessaggioInviato: 11 Gen 2012 00:42    Oggetto: Rispondi citando

No, lo devo fare per forza con i css perchè deve moltiplicarsi per 700 pagine, inoltre aggiornando, deve aggiornarsi a tutti i nautomatico.
Top
Profilo Invia messaggio privato
madvero
Amministratore
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.

MessaggioInviato: 11 Gen 2012 00:53    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato Invia e-mail HomePage
madvero
Amministratore
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.

MessaggioInviato: 11 Gen 2012 00:56    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato Invia e-mail HomePage
HelpMe!!!
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 16/12/11 21:03
Messaggi: 87

MessaggioInviato: 11 Gen 2012 02:17    Oggetto: Rispondi citando

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. Wink
Top
Profilo Invia messaggio privato
madvero
Amministratore
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.

MessaggioInviato: 12 Gen 2012 03:24    Oggetto: Rispondi citando

non c'è problema e non c'è fretta.
e se non ne dovessi venire a capo, puoi sempre postare il css generato dal wysiwyg.
Top
Profilo Invia messaggio privato Invia e-mail HomePage
HelpMe!!!
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 16/12/11 21:03
Messaggi: 87

MessaggioInviato: 17 Gen 2012 00:56    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato
madvero
Amministratore
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.

MessaggioInviato: 17 Gen 2012 22:43    Oggetto: Rispondi citando

Citazione:
però ho dovuto riscrivere il sito

eh, lo supponevo.
hai validato il foglio di stile?
Top
Profilo Invia messaggio privato Invia e-mail HomePage
HelpMe!!!
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 16/12/11 21:03
Messaggi: 87

MessaggioInviato: 17 Gen 2012 22:45    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato
madvero
Amministratore
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.

MessaggioInviato: 17 Gen 2012 23:08    Oggetto: Rispondi citando

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
Profilo Invia messaggio privato Invia e-mail HomePage
HelpMe!!!
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 16/12/11 21:03
Messaggi: 87

MessaggioInviato: 17 Gen 2012 23:11    Oggetto: Rispondi

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 Wink
Top
Profilo Invia messaggio privato
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 1 ora
Pagina 1 di 1

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi