Dreamweaver: sito diverso dopo F12.

Di: Aenzo | 26/09/2020 18:38:05
Salve a tutti sono nuovo e non tanto esperto.
Sto costruendo un sito con dreamweaver.
Mi succede questo quando premo F12 il sito visualizzato con Internet Explorer è completamente diverso.
Da cosa dipende? Vi ringrazio in anticipo per la risposta e a risentirci.

Risposte



Ciao Aenzo,
benvenuto e grazie per aver scelto 001design.it.
La cosa che sicuramente non va è il codice. Se vuoi possiamo verificarlo proprio qui.

Di: Pablito | 26/09/2020 18:39:05


Ciao e grazie della risposta, come posso fare per verificarlo.
A risentirci.

Di: Aenzo | 26/09/2020 18:39:05


Incolla nel prossimo messaggio il codice HTML della tua pagina.
Io poi inserirò i simboli commento per non interferire con il codice del forum.
E potremmo finalmente guardare insieme questo codice HTML.

Di: Pablito | 26/09/2020 18:39:05


<!-- Ecco il codice:
<html>
<head>
<title>Your Title ( Designed by UKdzine)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.unnamed1 { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #666666; text-decoration: none}
.unnamed2 { font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-decoration: none}
.menutext { font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: #FFFFFF; text-decoration: none; filter: Invert}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<div align="center" class="menutext">
<table width="754" border="0" cellpadding="0" cellspacing="2" align="center" bgcolor="#D2D2D2">
<tr>
<td height="700"> <table width="740" border="0" align="center">
<tr>
<td colspan="3" height="11"> <table width="100%" border="0" background="images/page_bar.gif">
<tr>
<td height="12"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><b><span class="menutext"><a href="#"><span class="menutext">HOME
PAGE</span></a> <span class="menutext"> | <a href="#"><span class="menutext">PAGE
1</span></a> <span class="menutext"> | <font color="#CCCCCC"><a href="#"><span class="menutext">PAGE
2</span></a></font><span class="menutext"> | <a href="#"><span class="menutext">PAGE
3</span></a><span class="menutext"> | <font color="#CCCCCC"><a href="#" class="menutext">PAGE
4</a></font></span></span></span></span></span></b></font></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"><font face="Arial, Helvetica, sans-serif"><img src="images/Disitbuono2.jpg" width="770" height="60"></font></td>
</tr>
<tr>
<td colspan="3" height="113"> <table width="100%" border="0" bordercolor="#FFFFFF" bgcolor="#CCCCCC">
<tr bgcolor="#CCCCCC">
<td width="75%" height="110" background=""#00CCFF"" bgcolor="#00CCFF">
<div align="center">
<p align="center"><font size="4" face="Arial, Helvetica, sans-serif">BENVENUTO
NEL PORTALE</font></p>
<p align="center"><font size="4" face="Arial, Helvetica, sans-serif">DELLA
FORMAZIONE E DEL </font></p>
<p><font size="4" face="Arial, Helvetica, sans-serif">TUO
FUTURO </font></p>
</div></td>
<td width="25%" height="110" colspan="3"> <div align="center">
<table width="90%" border="0" cellspacing="2" cellpadding="2" height="100%">
<tr bgcolor="#339966">
<td> <div align="center"><font face="Arial, Helvetica, sans-serif"><b class="unnamed2"><font color="#FFFFFF" size="2">LOGIN</font></b></font></div></td>
</tr>
<tr bgcolor="#E6E6E6">
<td> <form method="post" action="">
<table width="100%" border="0" bgcolor="#FFFFFF" cellspacing="2" cellpadding="0" height="100%">
<tr>
<td class="unnamed1"> <div align="right"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><b><font color="#666666">Username</font></b><font color="#666666">:</font></font></div></td>
<td class="unnamed1"> <font face="Arial, Helvetica, sans-serif">
<input type="text" name="username" size="10">
</font></td>
</tr>
<tr>
<td class="unnamed1"> <div align="right"><font face="Arial, Helvetica, sans-serif"><b><font color="#666666">Password:</font></b></font></div></td>
<td class="unnamed1"> <font face="Arial, Helvetica, sans-serif">
<input type="text" name="password" size="10">
</font></td>
</tr>
<tr>
<td class="unnamed1" nowrap> <div align="center"><font face="Arial, Helvetica, sans-serif"><a href="#">Hai
dimenticato
la password ?</a> </font></div></td>
<td class="unnamed1"> <font face="Arial, Helvetica, sans-serif">
<input type="image" border="0" name="submit" src="images/login.gif" width="100" height="35">
</font></td>
</tr>
</table>
</form></td>
</tr>
</table>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="12" colspan="3" bgcolor="#CCCCCC"><font face="Arial, Helvetica, sans-serif"><img src="images/page_stripbtm.gif" width="740" height="10"></font></td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFFFF"> <table width="100%" border="0">
<tr bordercolor="#999999">
<td width="20%"> <table border="0" cellpadding="0" cellspacing="0" width="150">
<!-- fwtable fwsrc="Untitled" fwbase="box.gif" -->
<tr>
<!-- Shim row, height 1. -->
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="150" height="1" border="0" name="undefined_2"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="1" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 1 -->
<td><font face="Arial, Helvetica, sans-serif"><img name="box_r1_c1" src="images/box_r1_c1.gif" width="150" height="9" border="0"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="9" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 2 -->
<td background="images/box_r2_c1.gif"> <div align="center" class="unnamed1"><font color="#FFFFFF" size="3">DISIT</font></div></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="18" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 3 -->
<td><font face="Arial, Helvetica, sans-serif"><img name="box_r3_c1" src="images/box_r3_c1.gif" width="150" height="10" border="0"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="10" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 4 -->
<td background="images/box_r4_c1.gif" class="unnamed1" height="66">
<p><a href="index.htm"><font size="1">HOME PAGE</font></a>
</p>
<p><font size="1"> LA NOSTRA STORIA</font></p>
<p><font size="1">CHI SIAMO</font></p>
<p><font size="1"> DOVE SIAMO</font></p>
<p><font size="1"> SERVIZI</font></p>
<div style="padding-left:8"></div></td>
<td height="132" rowspan="5"><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="154" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top"> </tr>
<tr valign="top"> </tr>
<!-- This table was automatically created with Macromedia Fireworks 3.0 -->
<!-- http://www.macromedia.com -->
</table>
<font face=“Arial, Helvetica, sans-serif”>
</font>
<table border="0" cellpadding="0" cellspacing="0" width="150">
<!-- fwtable fwsrc="Untitled" fwbase="box.gif" -->
<tr>
<!-- Shim row, height 1. -->
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="150" height="1" border="0" name="undefined_2"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="1" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 1 -->
<td><font face="Arial, Helvetica, sans-serif"><img name="box_r1_c1" src="images/box_r1_c1.gif" width="150" height="9" border="0"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="9" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 2 -->
<td background="images/box_r2_c1.gif"> <div align="center" class="unnamed1"><font color="#FFFFFF" size="3">NOTIZIE</font></div></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="18" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 3 -->
<td><font face="Arial, Helvetica, sans-serif"><img name="box_r3_c1" src="images/box_r3_c1.gif" width="150" height="10" border="0"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="10" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 4 -->
<td background="images/box_r4_c1.gif" class="unnamed1" height="132">
<div style="padding-left:8">
<p><font size="1">BANDI</font></p>
<p><font size="1">MODULISTICA</font></p>
<p><font size="1">DATA SELEZIONI</font></p>
<p><font size="1">ELENCO</font></p>
<p><font size="1">SELEZIONI</font>
<font face="Arial, Helvetica, sans-serif"> </font></p>
</div></td>
<td height="132"><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="154" border="0" name="undefined_2"></font></td>
</tr>
<!-- This table was automatically created with Macromedia Fireworks 3.0 -->
<!-- http://www.macromedia.com -->
</table></td>
<td width="59%" bgcolor="#CCCCCC"> <div align="justify" class="unnamed2"><font color="#000000">Assoedu
è una Associazione non lucrativa di utilità
Sociale riconosciuta ai sensi del d. lgs 4 XII N° 460
che garantisce una qualificata professionalità nel
settore della formazione. è accreditata presso la
Regione Campania per la formazione professionale con il
codice di Accreditamento 1462 è legalmente rappresentata
da un presidente ed amministrata da un Consiglio Direttivo
e un’Assemblea. è costituita da esperti affermati
nel settore della Formazione, è regolata da norme
in linea con la certificazione di qualità per coloro
che prestano la loro opera professionale. è un’
associazione che, in linea, con le Direttive della Comunità
Europea, assicura l’opera esperti nella Formazione
professionale e garantisce trasparenza e correttezza nelle
scelte, pur facendo rimanere fermo il principio dell’esclusivo
perseguimento di finalità di solidarietà sociale.
Assoedu in materia di Educazione Permanente del Cittadino
e di Formazione Continua l’Assoedu propone di inserirsi
attivamente per assolvere a quelle necessità formative
di cui il territorio oggi è carente.
La nuova riforma sul riordino dei cicli scolastici offre
nuove opportunità per la popolazione scolastica come
ad es. II ciclo formativo e la formazione integrata superiore
che, senza un’agenzia formativa, non potrebbero realizzarsi;
e di fatto già questo basterebbe a giustificare la
presenza di un’associazione di formazione. Assoedu
è a Salerno in via Cappello Vecchio, 11. Presso la
sede sono conservate le raccolte degli atti, gli archivi
i registri ed i libri contabili. L’associazione dispone
(presso la sede amministrativa) di aule per la formazione
e aule multimediali tutte a norma di sicurezza. </font></div></td>
<td width="21%"> <div align="right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<!-- fwtable fwsrc="Untitled" fwbase="box.gif" -->
<tr>
<!-- Shim row, height 1. -->
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="150" height="1" border="0" name="undefined_2"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="1" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 1 -->
<td><font face="Arial, Helvetica, sans-serif"><img name="box_r1_c1" src="images/box_r1_c1.gif" width="150" height="9" border="0"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="9" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 2 -->
<td background="images/box_r2_c1.gif"> <div align="center" class="unnamed1"><font color="#FFFFFF" size="3">CORSI</font></div></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="18" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 3 -->
<td><font face="Arial, Helvetica, sans-serif"><img name="box_r3_c1" src="images/box_r3_c1.gif" width="150" height="10" border="0"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="10" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 4 -->
<td background="images/box_r4_c1.gif" class="unnamed1" height="66">
<p><font size="1"> I NOSTRI CORSI</font></p>
<p> <font size="1"> PATENTE E.
C. D. L.</font></p>
<p><font size="1"> I. F. T. S.</font></p>
<p><font size="1"> P. O. R.</font></p>
<p><font size="1"> OBBLIGO FORMATIVO</font></p>
<div style="padding-left:8"></div></td>
<td height="132" rowspan="5"><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="154" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top"> </tr>
<tr valign="top"> </tr>
<!-- This table was automatically created with Macromedia Fireworks 3.0 -->
<!-- http://www.macromedia.com -->
</table>
<font face="Arial, Helvetica, sans-serif">
</font>
<table border="0" cellpadding="0" cellspacing="0" width="150">
<!-- fwtable fwsrc="Untitled" fwbase="box.gif" -->
<tr>
<!-- Shim row, height 1. -->
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="150" height="1" border="0" name="undefined_2"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="1" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 1 -->
<td><font face="Arial, Helvetica, sans-serif"><img name="box_r1_c1" src="images/box_r1_c1.gif" width="150" height="9" border="0"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="9" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 2 -->
<td background="images/box_r2_c1.gif"> <div align="center" class="unnamed1"><font color="#FFFFFF" size="3">NOTIZIE</font></div></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="18" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 3 -->
<td><font face="Arial, Helvetica, sans-serif"><img name="box_r3_c1" src="images/box_r3_c1.gif" width="150" height="10" border="0"></font></td>
<td><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="10" border="0" name="undefined_2"></font></td>
</tr>
<tr valign="top">
<!-- row 4 -->
<td background="images/box_r4_c1.gif" class="unnamed1" height="132">
<div style="padding-left:8">
<p><font size="1">RASSEGNA STAMPA</font></p>
<p><font size="1">DICONO DI NOI</font></p>
<p><font size="1">COLLABORA</font></p>
<p><font size="1">LAVORA CON NOI</font></p>
<p><font size="1">CONTATTI</font></p>
</div></td>
<td height="132"><font face="Arial, Helvetica, sans-serif"><img src="images/shim.gif" width="1" height="154" border="0" name="undefined_2"></font></td>
</tr>
<!-- This table was automatically created with Macromedia Fireworks 3.0 -->
<!-- http://www.macromedia.com -->
</table>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3" nowrap class="unnamed1" background="images/page_footer.gif">
<table width="100%" border="0" background="images/page_footer.gif">
<tr>
<td class="unnamed1"> <p align="left"><font face="Arial, Helvetica, sans-serif"><a href="http://www.ukdzine.com">
</a></font></p></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3" nowrap class="unnamed1"><font face="Arial, Helvetica, sans-serif"><img src="images/page_bar.gif" width="771" height="16"></font></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>
<center><span style=“width: 100%; font-family: helvetica; font-size: 6px; Filter: Alpha(Opacity=0,FinishOpacity=0, Style=1);”>
Design downloaded from <a href=“http://www.freewebtemplates.com” style=“font-family: helvetica; font-size: 6px;”>FreeWebTemplates.com</a>
Free web design, web templates, web layouts, and website resources!
<BR>
Need professional templates visit <a href=“http://www.4templates.com” style=“font-family: helvetica; font-size: 6px;”>4Templates.com</a>
</span></center>

fine codice -->
Ti ringrazio ancora e a risentirci.

Di: Aenzo | 26/09/2020 18:39:05

Risultato di un primo test della pagina HTML.

Ciao Aenzo,
io non so perché tu voglia usare un template già esistente e non lo voglio nemmeno sapere,
però almeno dovresti imparare ad usare quello che c'è dentro, vedi i fogli stile css, le tabelle con percentuali, ecc.
Il problema per cui le celle della tabella si allargano, è semplicemente perché sono impostate in percentuale.
Se vuoi mantenere fisse le larghezze, bisogna utilizzare le dimensioni in pixel.
Inoltre nota che con Netscape, Mozilla ed Explorer la pagina viene visualizzata diversamente.
Questo perché i css non sono stati impostati correttamente, allora il testo fa quel che vuole...
Inoltre, ci sono molte zone di codice (vedi i font face) che andrebbero eliminate perché ridondanti ed inutili.
Direttamente nel codice ti ho segnato in grassetto un esempio di codice inutile.
Molte nozioni sui principi di web design puoi trovarli al seguente link di Gdesign.it:
http://www.gdesign.it
<!--
Ah... dimenticavo... nemmeno lo schema base HTML è stato rispettato (che è il seguente):
<HTML>
<HEAD> </HEAD>
<BODY> </BODY>
</HTML>
Sono rimasti dei pezzi di codice fuori dal tag di chiusura </HTML>
La zona in basso che ti ho sottolineato è appunto il pezzo di codice rimasto fuori.
-->

Di: Pablito | 26/09/2020 18:39:05


Ti ringrazio per gli utili consigli ne farò tesoro.
Lo so ho combinato un mezzo pasticcio, ma come si dice... sbagliando si impara.
Comunque ti ringrazio ancora e a risentirci.

Di: Aenzo | 26/09/2020 18:39:05