problema..di spazi..

**alepizzetto** · 29-02-2012, 17:57

Ciao ragazzi,

sto realizzando un sito internet da zero....

mi sto dedicando alla parte grafica (attraverso l'utilizzo di Fireworks). Non riesco a risolvere dei problemi che mi succedono quando esporto il file.png in file.html .

1° Utilizzo del comando SLICE per esportazione: ho creato il azienda.png ; come potete vedere è una immagine unica. Vorrei fare in modo che quando nello spazio bianco in basso a destra possa scrivere del testo e avere la possibilià che la pagina si allungasse verso il basso senza che però si "scomponga" come purtroppo mi succede... (clicca qui )

2° Ho letto sulla guida di fireworks su HTML.it che si deve scomporre l'immagine nelle varie barre dei menu e corpo del sito... non mi è chiaro qual'è l'utilità... le slice sono una alternativa al "taglio" in più immagini del file.png o è un procedimento di altro tipo?

un moderatore della sezione grafica mi ha detto che si risolve sistemandolo " lato codice " ed eccomi qua.... help help help

**Myaku** · 29-02-2012, 18:08

@vincent & webdemo:
http://forum.html.it/forum/showthrea...readid=1498804

@alepizzetto: per poter sistemare lato codice, è necessario che questo codice ce lo fai vedere. appoggia la pagina su uno spazio online e posta il link.

**alepizzetto** · 29-02-2012, 18:13

è già appoggiata .... se clicchi su azienda.png la puoi scaricare... o posto qui il sorgente??

**Myaku** · 29-02-2012, 18:17

Originariamente inviato da alepizzetto
è già appoggiata .... se clicchi su azienda.png la puoi scaricare... o posto qui il sorgente??

con le png non ci vediamo il codice ...
ripeto: la cosa migliore è che metti online la pagina web, così vediamo il codice completo, le varie immagini collegate, eccetera ...
puoi pure postare il codice qui, ma è ovviamente un po' più scomodo

**ac_socmel** · 29-02-2012, 18:18

il tuo metodo è troppo rigido, siamo nell'era della flessiblità
prima di andare avanti leggi le guide di http://css.html.it/ e anche qualche articolo http://css.html.it/articoli/

**alepizzetto** · 29-02-2012, 18:22

Originariamente inviato da Myaku
con le png non ci vediamo il codice ...
ripeto: la cosa migliore è che metti online la pagina web, così vediamo il codice completo, le varie immagini collegate, eccetera ...
puoi pure postare il codice qui, ma è ovviamente un po' più scomodo

codice:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Azienda.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
<style type="text/css" media="screen">
	@import url("./Azienda.css");
</style>
</head>
<body bgcolor="#666666">
<div id="FWTableContainer1397747425">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="900">

  <tr>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>

  <tr>
   <td rowspan="12" colspan="13">[img]images/Azienda_r1_c1_s1.gif[/img]</td>
   <td rowspan="6" colspan="5">[img]images/Azienda_r1_c14_s1.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td rowspan="6" colspan="5" background="images/Azienda_r7_c14_s1.gif" width="599" height="319"  id="Azienda_r7_c14_s1" />

</p>
   </td>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
  <tr>
   <td colspan="18">[img]images/Azienda_r13_c1_s1.gif[/img]</td>
   <td>[img]images/spacer.gif[/img]</td>
  </tr>
</table>
<map name="m_Azienda_r1_c1_s1" id="m_Azienda_r1_c1_s1">
<area shape="rect" coords="164,536,204,576" href="javascript:;" alt="" />
<area shape="rect" coords="76,535,116,575" href="javascript:;" alt="" />
<area shape="rect" coords="60,270,218,302" href="javascript:;" alt="" />
<area shape="rect" coords="25,62,255,119" href="javascript:;" alt="" />
<area shape="rect" coords="224,7,300,19" href="javascript:;" alt="" />
<area shape="rect" coords="99,7,176,19" href="javascript:;" alt="" />
<area shape="rect" coords="0,7,71,19" href="javascript:;" alt="" />
</map>
<map name="m_Azienda_r1_c14_s1" id="m_Azienda_r1_c14_s1">
<area shape="rect" coords="496,7,591,19" href="javascript:;" alt="" />
<area shape="rect" coords="250,7,301,19" href="javascript:;" alt="" />
<area shape="rect" coords="149,7,191,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(500);"  onmouseover="MM_menuShowMenu('MMMenuContainer0207173653_0', 'MMMenu0207173653_0',141,25,'Azienda_r1_c14_s1');"  />
<area shape="rect" coords="53,7,102,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(500);"  onmouseover="MM_menuShowMenu('MMMenuContainer0207173653_1', 'MMMenu0207173653_1',45,25,'Azienda_r1_c14_s1');"  />
</map>
<div id="MMMenuContainer0207173653_0">
	<div id="MMMenu0207173653_0" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();">
		<a href="Riparazioni.htm" id="MMMenu0207173653_0_Item_0" class="MMMIFVStyleMMMenu0207173653_0" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_0');">
			Riparazioni
		</a>
		<a href="Tarature.htm" id="MMMenu0207173653_0_Item_1" class="MMMIVStyleMMMenu0207173653_0" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_0');">
			Tarature
		</a>
		<a href="Ammodernamenti.htm" id="MMMenu0207173653_0_Item_2" class="MMMIVStyleMMMenu0207173653_0" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_0');">
			AmmodernamentieRevisioni
		</a>
		<a href="PreparazioneStrumentiVerificaPeriodica.htm" id="MMMenu0207173653_0_Item_3" class="MMMIVStyleMMMenu0207173653_0" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_0');">
			PreparazioniStrumentiperVerifichePeriodiche
		</a>
		<a href="ManutenzioniProgrammate.htm" id="MMMenu0207173653_0_Item_4" class="MMMIVStyleMMMenu0207173653_0" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_0');">
			ManutenzioniProgrammate
		</a>
		<a href="CertificazioniQualità.htm" id="MMMenu0207173653_0_Item_5" class="MMMIVStyleMMMenu0207173653_0" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_0');">
			CertificazioniperlaQualit&agrave;
		</a>
		<a href="NoleggioMasseCampione.htm" id="MMMenu0207173653_0_Item_6" class="MMMIVStyleMMMenu0207173653_0" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_0');">
			NoleggioMasseCampione
		</a>
	</div>
</div>
<div id="MMMenuContainer0207173653_1">
	<div id="MMMenu0207173653_1" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();">
		<a href="ProdottiIndustriali.htm" id="MMMenu0207173653_1_Item_0" class="MMMIFVStyleMMMenu0207173653_1" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_1');">
			ProdottiIndustriali
		</a>
		<a href="ProdottiCommerciali.htm" id="MMMenu0207173653_1_Item_1" class="MMMIVStyleMMMenu0207173653_1" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_1');">
			ProdottiCommerciali
		</a>
		<a href="ProdottiLaboratorio.htm" id="MMMenu0207173653_1_Item_2" class="MMMIVStyleMMMenu0207173653_1" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_1');">
			ProdottiLaboratorio
		</a>
		<a href="LineaFood.htm" id="MMMenu0207173653_1_Item_3" class="MMMIVStyleMMMenu0207173653_1" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_1');">
			LineaFood
		</a>
		<a href="ProdottiStorici.htm" id="MMMenu0207173653_1_Item_4" class="MMMIVStyleMMMenu0207173653_1" onmouseover="MM_menuOverMenuItem('MMMenu0207173653_1');">
			ProdottiStorici
		</a>
	</div>
</div>
</div>
</body>
</html>

**Vincent.Zeno** · 29-02-2012, 18:31

ciao ale,
ricorda che per postare codice devi sempre usare il tag [CODE] [/CODE]
buon lavoro

**alepizzetto** · 29-02-2012, 18:47

Originariamente inviato da Vincent.Zeno
ciao ale,
ricorda che per postare codice devi sempre usare il tag [CODE] [/CODE]
buon lavoro

grazie e scusa....resto in attesa di un "benefattore" che mi aiuti...

Discussione: problema..di spazi..

Strumenti discussione

Ricerca discussione

Visualizza

problema..di spazi..

Permessi di invio