includere questo sfondo direttamente nel body e non da file esterno

**trippacchiello** · 23-08-2010, 19:15

Dovendo inviare tramite email una pagina web, ho il problema che si vede male se il css lo includo tramite un file css
Mi e' stato detto di dover fare tipo:
<font face="Verdana" size="1" color="#666666">testo</font>
mentre prima usavo span class e richiamavo lo stile.
Cosi' facendo non ho problemi, ora lo sfondo, come lo trasformo per farlo arrivare?
questo e' il contenuto del file css che richiama lo sfondo:

body {
margin-left: 0px;
margin-top: 0px;
background-image: url(http://www.ischiahotel.net/fig/body-back.jpg);
background-repeat: repeat-x;
background-color: #deeeee;
background-attachment: fixed;
margin-right: 0px;
margin-bottom: 0px;
}

**ildrago.com** · 23-08-2010, 23:29

hai provato a realizzare i codici del foglio di stile direttamente inline, cioè nell'intestazione della pagina? Cerco di essere più chiaro: nella sezione di intestazione (i tag <head></head>) scrivi così:

codice:

<style type="text/css">
body {
margin:0; /*--è la versione ridotta, anzichè dichiarare ogni margin-*/
background: #deeeee url('http://www.ischiahotel.net/fig/body-back.jpg') repeat-x fixed; /*-anche questa è la versione ridotta per il background -*/
}
</style>

e vedi come va.
Saluti

**mucu** · 24-08-2010, 00:39

codice:

<body style="background-image: url(http://www.ischiahotel.net/fig/body-back.jpg); background-repeat: repeat-x">
</body>

questo è un css inline

**trippacchiello** · 24-08-2010, 13:25

Originariamente inviato da ildrago.com
hai provato a realizzare i codici del foglio di stile direttamente inline, cioè nell'intestazione della pagina? Cerco di essere più chiaro: nella sezione di intestazione (i tag <head></head>) scrivi così:

codice:

<style type="text/css">
body {
margin:0; /*--è la versione ridotta, anzichè dichiarare ogni margin-*/
background: #deeeee url('http://www.ischiahotel.net/fig/body-back.jpg') repeat-x fixed; /*-anche questa è la versione ridotta per il background -*/
}
</style>

e vedi come va.
Saluti

questo e' come ce l'ho attualmente e non va, cioe' se invio la pagina per email non esce lo sfondo

**trippacchiello** · 24-08-2010, 13:25

Originariamente inviato da mucu

codice:

<body style="background-image: url(http://www.ischiahotel.net/fig/body-back.jpg); background-repeat: repeat-x">
</body>

questo è un css inline

ho provato anche cosi' ma su alcune email, vedi hotmail, non funziona

**mucu** · 24-08-2010, 15:49

l'html delle mail è antico bisogna tornare alle origini con le tabelle e attributi e css inline
prova

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>www.ischiahotel.net</title>
</head>
<body bgcolor="#999999">
<a name="top" id="top"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><table width="600" border="0" cellpadding="0" cellspacing="0" background="http://www.ischiahotel.net/fig/body-back.jpg">
        <tr>
          <td align="center"><table width="580" border="0" cellspacing="10" cellpadding="0">
              <tr>
                <td align="center">

 e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora.</p>
                  

 e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora.</p></td>
              </tr>
              <tr>
                <td align="left"><table width="100%" height="90" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td>[img]logo.gif[/img]</td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="sidebar" align="left" width="192" valign="top"><h3>Annunci</h3>
                        [img]loghetto.gif[/img]
                        <ul style="font-size:12px">[*] e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora[*] e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora[*] e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora[*] e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora[*] e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora[/list]</td>
                      <td width="30"></td>
                      <td width="330" align="left" valign="top"><h3 style="text-transform:capitalize">martedì 24 agosto 2010</h3>
                        [img]loghetto.gif[/img]
                        <h2>titolo.</h2>
                        <p style="font-size:14px">Ci mettiamo del testo e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora. Leggi tutto.</p>
                        <p style="font-size:9px">torna in cima</p></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="80" align="center"><p style="font-size:12px"> e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora e poi ancora</p></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

**trippacchiello** · 24-08-2010, 21:47

si ma a me serve solo mettere l'attributo nel <body> poi tutto il resto va piu' che bene come l'ho fatto

**ildrago.com** · 25-08-2010, 11:08

Hotmail non blocca il caricamento delle immagini esterne, a meno che il mittente non sia aggiunto alla rubrica dei mittenti attendibili?
Se così fosse, si potrebbe inserire l'immagine come allegato e incorporarla, come hanno consigliato, nel body.

Discussione: includere questo sfondo direttamente nel body e non da file esterno

Strumenti discussione

Ricerca discussione

Visualizza

includere questo sfondo direttamente nel body e non da file esterno

Permessi di invio