- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Bloccare ridimensionamento automatico
-
Bloccare ridimensionamento automatico
Ciao a tutti, io uso Dreamweaver per la creazione dei siti e mi trovo con un piccolo problema.
In fondo alla pagina ho inserito una tabella con un'immagine di sfondo.
Ora nella tabella ci devo mettere una cella di layout <td> dove all'interno inserisco del testo.
Dalla vista di Dreamweaver mi appare tutto correttamente ma appena faccio l'upload del file tramite ftp e apro la pagina del browser, inevitabilmente la tabella si è allungata da sola e naturalmente mi replica lo sfondo.Come posso fare per bloccare il ridimensionamento automatico della tabella o per ovviare al problema?
-
Ciao Kujo e benvenuto nel Forum GT,
non mi è chiaro qual'è il tuo problema. Puoi postare il codice interessato, o anche il link alla pagina su cui stai lavorando?
-
Ciao, e grazie per aver risposto.
Il link non posso postarlo trattandosi si un sito comunque non mio e commerciale, non vorrei andare contro il regolamento del forum
Cerco di essere più chiaro e di postare il codice.
Il problema è questo, ho una tabella di queste dimensioni 860 x 416
[html]<table width="100%" border="0" cellpadding="0" cellspacing="0" background="imm/sfo_corpo_home.png">[/html]come vedi ho messo uno sfondo, ora se io creo una cella di layout
[html]<td colspan="2" valign="top"><!--DWLayoutEmptyCell--> </td>[/html]Più o meno sul fondo della tabella (dove io inserisco un testo opportunamente formattato con Css)
Ora, da Dreamweaver tutto bene, nel senso che non mi da errori, ma quando faccio l'upload della pagina nel server mi succede che la tabella si allunga automaticamente di un 10-15 pixel e mi replica chiaramente lo sfondo, perdendo quiondi tutto il layout del mio sito.
Ho provato con più browser (IE, Chrome, Firefox) e il risultato è sempre lo stesso. A sto punto credo sia problema di codice no?Grazie.
-
Ciao Kujo
Scusa ma dov'è specificato nel codice che la tabella è 860 x 416?
Prova a sostituire
[HTML]<table width="100%" border="0" cellpadding="0" cellspacing="0" background="imm/sfo_corpo_home.png">[/HTML]
con
[HTML]<table width="860" height="416" border="0" cellpadding="0" cellspacing="0" background="imm/sfo_corpo_home.png">[/HTML]
Poi perchè usi il tag colspan se hai una sola cella?
-
Ciao,
grazie per la risposta.Niente da fare, anche così non funziona!
Effettivamente nel codice non erano specificate le misure anche se in vista "grafica" nelle proprietà me le segnava.
Comunque ho provato a dargli le misure nel codice ma non va.Per risponderti alla seconda domanda: non è che ho solo una cella, ce ne sono altre all'interno della tabella ma quella li in basso vicino al bordo finale della tabella è quella che mi da problemi, e tra l'altro non mi rispetta la posizione originale, è come se nel browser venisse spostata di pochi px in basso.
Qualche idea?
-
E' difficile risponderti senza avere presente il quadro generale della situazione.
Usi css? L'errore di visualizzazione te lo da su tutti i browser?
Prova a postare il codice intero della pagina, magari è più facile individuare la soluzione
-
Ecco il codice della pagina
[html]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:173px;
top:26px;
width:228px;
height:55px;
z-index:1;
}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style><script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head><body>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0" background="imm/sfondo.png">
<!--DWLayoutTable-->
<tr>
<td width="81" height="391"></td>
<td colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="imm/sfo_alto.png">
<!--DWLayoutTable-->
<tr>
<td width="7" height="10"></td>
<td width="1"></td>
<td width="220"></td>
<td width="60"></td>
<td width="313"></td>
<td width="159"></td>
<td width="43"></td>
<td width="47"></td>
<td width="10"></td>
<td width="30"></td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td rowspan="4" valign="top"><img src="imm/logo_bia.png" width="220" height="55" /></td>
<td></td>
<td></td>
<td colspan="4" valign="top" class="part_iva"><div align="right">Prova</div></td>
<td></td>
</tr>
<tr>
<td height="23"></td>
<td></td>
<td> </td>
<td> </td>
<td></td>
<td></td>
<td> </td>
<td> </td>
<td></td>
</tr>
<tr>
<td height="19"></td>
<td></td>
<td> </td>
<td> </td>
<td></td>
<td></td>
<td colspan="3" rowspan="5" valign="top"><img src="imm/div_trasp_mail.png" width="72" height="84" border="0" usemap="#Map" /></td>
</tr><tr> <td height="9"></td> <td></td> <td></td> <td colspan="2" rowspan="2" valign="top" class="menu_alto"><a href="http://www.giorgiotave.it/forum/" class="menu_alto">LE SEDI</a> **|** RICHIESTE **|** CONTATTI **|** DOWNLOAD **|** LAVORA CON NOI </td> <td></td> </tr> <tr> <td height="4"></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="20"></td> <td></td> <td> </td> <td> </td> <td> </td> <td></td> <td></td> </tr> <tr> <td height="32"></td> <td></td> <td colspan="5" rowspan="2" valign="top"><script type="text/javascript">AC_FL_RunContent( 'codebase','download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','795','height','200','src','fla/home','quality','high','pluginspage','adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','fla/home' ); //end AC code
</script> <noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="795" height="200">
<param name="movie" value="fla/home.swf" />
<param name="quality" value="high" />
<embed src="fla/home.swf" quality="high" pluginspage="adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="795" height="200"></embed>
</object>
</noscript></td>
</tr>
<tr>
<td height="168"></td>
<td></td>
<td> </td>
<td></td>
<td> </td>
</tr><tr> <td height="7"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="77"></td> <td colspan="7" valign="top"><img src="imm/puls/ass_a.png" width="101" height="77" /><img src="imm/puls/div_trasp_menu_gen.png" width="5" height="77" /><img src="imm/puls/rec_a.png" width="101" height="77" /><img src="imm/puls/div_trasp_menu_gen.png" width="5" height="77" /><img src="imm/puls/lingue_a.png" width="101" height="77" /><img src="imm/puls/div_trasp_menu_gen.png" width="5" height="77" /><img src="imm/puls/infor_a.png" width="101" height="77" /><img src="imm/puls/div_trasp_menu_gen.png" width="5" height="77" /><img src="imm/puls/form_a.png" width="101" height="77" /><img src="imm/puls/div_trasp_menu_gen.png" width="5" height="77" /><img src="imm/puls/uni_a.png" width="101" height="77" /><img src="imm/puls/div_trasp_menu_gen.png" width="5" height="77" /><img src="imm/puls/orient_a.png" width="101" height="77" /><img src="imm/puls/div_trasp_menu_gen.png" width="5" height="77" /><img src="imm/puls/dopo_a.png" width="101" height="77" /></td> <td> </td> <td></td> </tr> <tr> <td height="12"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table></td> <td width="53"> </td></tr>
<tr>
<td height="10"></td>
<td width="860"></td>
<td width="30"></td>
<td></td>
</tr>
<tr>
<td height="419"></td>
<td valign="top"><table width="860" height="416" border="0" cellpadding="0" cellspacing="0" background="imm/sfo_corpo_home.png">
<!--DWLayoutTable-->
<tr>
<td width="12" height="6"></td>
<td width="87"></td>
<td width="234"></td>
<td width="118"></td>
<td width="209"></td>
<td width="104"></td>
<td width="80"></td>
<td width="16"></td>
</tr>
<tr>
<td height="15"></td>
<td valign="top" class="Princ1">NEWS</td>
<td></td>
<td valign="top" class="Princ1">CORSI IN PARTENZA</td>
<td></td>
<td valign="top" class="Princ1">AREA RISERVATA</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="14"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="115"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="2" valign="top"><form action="reserved/login.php" method="post" name="form1" class="Riservata" id="form1">
<p>USERNAME
<input type="text" name="username" id="username" />
PASSWORD
<input type="text" name="password" id="password" />
</p>
<p align="center">
<input name="button" type="submit" class="Riservata" id="button" value="ENTRA" /></p>
</form></td>
<td></td>
</tr>
<tr>
<td height="23"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td> </td>
<td></td>
<td></td>
</tr><tr> <td height="30"></td> <td> </td> <td></td> <td></td> <td></td> <td colspan="2" valign="top" class="Patentino">PATENTINO <br /> </td> <td></td> </tr> <tr> <td height="11"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="62"></td> <td></td> <td></td> <td></td> <td></td> <td colspan="2" valign="top"><img src="imm/logo.png" width="184" height="62" /></td> <td></td> </tr> <tr> <td height="49"></td> <td></td> <td></td> <td></td> <td></td> <td> </td> <td></td> <td></td> </tr> <tr> <td height="80"></td> <td></td> <td></td> <td></td> <td></td> <td colspan="2" valign="top" class="Indirizzi">SEDE UDINE<BR /> xxxx xxxxxx<BR /><BR />SEDE PALMANOVA<BR />xxxx xxxxxx </td> <td></td> </tr> <tr> <td height="14"></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table></td> <td></td> <td></td></tr>
<tr>
<td height="5"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<tr>
<td width="1024" height="19"></td>
</tr>
</table><map name="Map" id="Map">
<area shape="rect" coords="16,-1,94,92" href="mailto" alt="Scrivi" />
</map><br /><div style="z-index:3" class="smallfont" align="center">SEO by vBSEO 3.2.0
2008, Crawlability, Inc.</div><br /><div style="z-index:3" class="smallfont" align="center">SEO by vBSEO 3.2.0 2008, Crawlability, Inc.</div></body>
</html>[/html]Ed ecco i codice del CSS collegato[html]@charset "utf-8";
/* CSS Document */.part_iva {
font-size: 8px;
font-family: Arial;
color: #FFFFFF;
font-weight: bold;
}.menu_alto {
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:;
font-weight: normal;
}.menu_alto a {
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:;
font-weight: normal;
}.menu_alto a:hover {
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:;
font-weight: normal;
background-color: #a0c14f;
}
.Princ1 {
font-size: 12px;
font-family: Arial;
color:;
font-weight: bold;
}
.Patentino {
font-size: 12px;
font-family: Arial;
color: #0055a2;
font-weight: bold;
}
.Riservata {
font-size: 10px;
font-family: Arial;
color: #000000;
font-weight: bold;
}
.Indirizzi {
font-size: 12px;
font-family: Arial;
color:;
font-weight: bold;
}[/html]Grazie per la disponibilità.
-
Ah si, l'errore me lo da su tutti i browser.
-
Secondo me Kujo, fai prima a rifare tutto...ma con i DIV!! Hai una ventina di celle inutilizzate che, presumo, ti servono solo per la strutturare il layout della pagina. Ma così facendo crei una gran confusione e qualche errorino ce lo avrai sempre. Con i div anche se si presentano dei problemi, è sicuramente più facile gestire la situazione rispetto a un documento pieno di td e table...
Ad esempio io, l'errore di cui parli, non riesco proprio ad individuarlo...non so qual'è la tabella incriminata.
Se mi fai vedere la pagina online, con le immagini di sfondo e tutto, magari quando ho 5 minuti provo a fartelo io un layout
Intanto, se hai urgenza di pubblicare la pagina così com'è, potresti sostituire l'immagine di sfondo con un semplice background-color.
-
Siccome sono una testa dura :), ho deciso di provare a reimpaginare il layout della pagina utilizzando i Div
e cercando qua e la ci sto capendo qualcosa.Una domanda: c'è differenza tra usare il TAG DIV e il DIV PARENTAL?
Riuscite a farmi un esempio pratico di applicazione?
Grazie di tutto e per la pazienza.
Kujo
-
Forse intendevi dire i div parent
Sono div come tutti gli altri. Dreamweaver gli attribuisce questo nome solo per una questione logistica...in pratica e detto in quattro parole, un div parent contiene tutto il resto...
Puoi benissimo lavorare con i semplici tag div e imparare nel frattempo un linguaggio più universale che specifico di dream
-
ok grazie per le delucidazioni...
ora ci lavoro un pò e ...mi farò sicuramente vivo di nuovoKujo