allargamento layute improvviso

**rocco.mod** · 11-11-2007, 17:52

ciao e buona domenica sto provando a fare un lavoro con template che uso la tabella ci potreste dare un occhiata per vedere se e giusto vi spiego in teoria dovrebbe essere giusto soltanto che dentro una cella ho creato una tabella per mettere il form ti spiego in tre celle nella centrale ho messo la tabella il body e 990 px e le 3 celle sono di 330px adesso io la tab ho dato pure 330px pero esplorer allarga il contenuto ti posto l html e il css del form ci daresti un occhiata se hai tempo e voglia naturalmentge

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Rcwebagency</title>
<script type="text/javascript" src="script-javascript/flashobject.js"></script>
<SCRIPT TYPE="text/javascript" SRC="script-javascript/content.js"></SCRIPT>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<link href="stil-css/rcform.css" rel="stylesheet" type="text/css">
</head>
<body>
<table border="0"  id ="layute">
  <tr> 
    <td colspan="3"> <div id="flashcontent"> 
        <div id="menu"> 
          

</p>
          

Welcome to RcwebAgency .

            We have detected that you do not have the Flash 6 player installed.

            Please <a href="http://www.adobe.com/go/getflashplayer/" target="_blank">Click 
            Here</a> to download the Flash plugin.</p>
          <p  class="style1">[img]immagini/player.gif[/img] 
        </div>
        <script type="text/javascript">
			var fo = new FlashObject("flash/banner.swf", "Menu", "990", "350", "false", "");
			fo.addParam("quality", "high");
			fo.addParam("menu", "false");
			fo.write("menu");
		</script>
      </div></td>
  </tr>
  <tr> 
    <td > <div id="colsx"> 
        <div id="contenutosinistro"> 
          

Questa è la forma più elementare di layout, 

            e può andare bene per siti di piccole dimensioni

            (generalmente con un ordine di pagine sotto la decina),

          
            si compone di quattro sezioni fondamentali...</p>
        </div>
      </div></td>
    <td > <table border="0" id = "contenutoform">
        <tr> 
          <td colspan="3"> <div id="colcx"> 
              <form id="captchaForm" name="captchaForm" method="post" action="">
                <?php if($error == 1){ ?>
                <p class="error">il codice inserito non è corretto !</p>
                <?php } ?>
                <div class="row"> 
                  <label for="name"><? echo NAME_IT_ ; ?> </label>
                  <input name="name" type="text" id="name" size="30" value="<?php if(isset($_POST['name'])){echo $_POST['name'];} ?>" >
                </div>
                <div class="row"> 
                  <label for="surname"><? echo COGNOME_IT_ ; ?> </label>
                  <input name="surname" type="text" id="surname" size="30" value="<?php if(isset($_POST['surname'])){echo $_POST['surname'];} ?>" >
                </div>
                <div class="row"> 
                  <label for="telephone"><? echo TEL_IT_ ; ?> </label>
                  <input name="telephone" type="text" id="telephone" size="30" value="<?php if(isset($_POST['telephone'])){echo $_POST['telephone'];} ?>">
                </div>
                <div class="row"> 
                  <label for="sub"><? echo OGGETTO_IT_ ; ?></label>
                  <input name="sub" type="text" id="sub" size="30" value="<?php if(isset($_POST['sub'])){echo $_POST['sub'];} ?>" >
                </div>
                <div class="row"> 
                  <label for="email"><? echo EMAIL_IT_ ; ?></label>
                  <input type="text" name="email" size="30" value="<?php if(isset($_POST['email'])){echo $_POST['email'];} ?>" >
                </div>
                <div class="row"> 
                  <label for="comments"><? echo MESSAGGIO_IT ; ?> </label>
                  <textarea name="comments" cols="23" rows="5" id="comments"><?php if(isset($_POST['comments'])){echo $_POST['comments'];} ?></textarea>
                </div>
                <div id ="infoutente"> 
                  <div class="row"><? echo "$ip";?></div>
                  <div class ="row"><? echo "$date" ?></div>
                </div>
                <div class="cpt">[img]phpcaptcha/captchaImage.php[/img] 
                  <input type="text" id="captcha_input" name="captcha_input" size="15" />
                </div>
                <div class="inp" style="text-align:center"> 
                  <label for="submit"></label>
                  <input type="submit" name="scratch_submit" id="scratch_submit" value="Send Form" />
                  <label for="reset"></label>
                  <input type="reset" name="Reset" id="Reset" value="Reset" onClick="return resetta()">
                </div>
              </form>
            </div></td>
        </tr>
      </table>
    <td colspan="2" > <div id="coldx"> 
        

 </p>
      </div>
	  </td>
  </tr>
  <tr> 
    <td colspan="3"> <div class ="power"> 
        <div class="raw"><? echo _NOME_BOLD_ ; ?></div>
      </div>
      <div class="footer"> 
        <div class="raw">Copyright © 2006-2007 By : <? echo POWERED_BY ; ?> - 
          All rights reserved

          Note e informazioni legali</div>
      </div></td>
  </tr>
</table>
</body>
</html>

il css

codice:

html {
	background-color: #666666;

}

body {
	width: 990px;
	margin:0 auto;
	padding:0;

	text-align: center;
}
/* tabella centrale dove ci sara il contenuto*/
#layute {

width: 990px;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
	border: 3px solid #ddd;

}
div#menu{

width: 990px;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
	margin:0 auto;
	padding:0;
}
div#flashcontent {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.power{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00FFFF;
	background-color: #333333;
}.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
#colsx {
width: 350px;
	padding:0;
     margin:0 auto;
     margin-left:15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;

}
#colcx {
	width: 350px;
text-align: center;
}

/*
#contenutosinistro{
	padding:0;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}*/
#coldx{

    margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
/*form*/
#contenutoform{

	margin:10;
	width: 350px;
	height: 300px;

}

.error{
	text-align:center;
	color:#f00;
	border: 1px dashed #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}
#infoutente {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 10px;
	font-weight: normal;
	color: #0000FF;
	font-style: normal;
	
}
#captcha{
margin:0 auto;
text-align:center;
}

.cpt{
text-align:center;
}
.cpt img{margin:2px 15px 2px 2px;
vertical-align:middle
}

input{
	margin:5px;	

}
label {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin:5px;
	display:block;
	float:left;
	clear:left;
	font-size: 12px;
	font-weight: bold;
	color: #0033FF;
	width: 70px;

}

**gabip87** · 11-11-2007, 19:44

e 10. usa la punteggiatura

non ho capito niente di quello che hai scritto ma le tabelle non vanno usate per il layout. inizia ad usare la taggatura giusta altrimenti avrai sempre qualche problema..

**rocco.mod** · 11-11-2007, 20:00

E QUALI TAG DEVO USARE USO I DIV, E MI DICONO CHE I LAYUTE CON LE TABELLE LE DEVO FARE COMUNQUE MI FAI SAPERE.

**gabip87** · 11-11-2007, 20:06

case-converter.com

Le tabelle vanno usate per contenere dati tabellari, cioè in corrispondenza riga-colonna. Non posso dirti quali tag vanno usati perchè non so cosa devi fare. Comunque, qui l'elenco.

**rocco.mod** · 11-11-2007, 20:09

IL MIO DESIDERIO, E QUELLO DI FARE UN LAYUT TIPO QUESTO DI HTML 990PX MA COME SI FA PER ESEMPIO A CREARE DUE BLOCCHI UNO DESTO E UNO SINISTRO E LA SCRIVERCI MAGARI O 3 BLOCCHI SINISTRO CENTRALE E DESTRO

**gabip87** · 11-11-2007, 20:18

case-converter.com

codice:

<div id="container">


   <div id="columnOne"> </div>

   </div id="columnTwo"> </div>

   </div id="columnThree"> </div>


</div>

codice:

#container
{
   width: 990px;
   height: 100%;
   overflow: hidden;
   background: #333;
}

#columnOne,
#columnTwo,
#columnThree
{
   float: left;
   width: 250px;
   height: 450px; /*  l'ho inserita perchè non ci sono contenuti  */
   margin: 10px;
   background: #666;
}
#columnTwo
{
   background: #999;
}
#columnThree
{
   background: #ccc;
}

ps: studia le guide di HTML.it prima di iniziare a fare qualcosa.

**rocco.mod** · 11-11-2007, 20:38

questo container sarebbe il layut giusto

**rocco.mod** · 11-11-2007, 21:16

ti vorrei fare una domanda e il layut quadrato come dovrei farlo?

**rocco.mod** · 11-11-2007, 21:57

ho seguito il tuo consiglio ho aperto un <div id ="layut"> a questo layut ho assegniato il layut e tutto il contenuto andra tra questo tag e il tag di chiusura comunque ho fatto cosi ma non riesco a spostarlo in centro

codice:

<?php
include_once ("includes/include.php");

$ip = $_SERVER['REMOTE_ADDR'];
$date = date('Y-m-d H:i:s'); 

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Rcwebagency</title>
<script type="text/javascript" src="script-javascript/flashobject.js"></script>
<SCRIPT TYPE="text/javascript" SRC="script-javascript/content.js"></SCRIPT>
<script src="script-javascript/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-312115-1";
</script>
<script type="text/JavaScript" src="popup.js"> </script>
<script type="text/JavaScript">
<!--
document.oncontextmenu = nocontextmenu; 
document.onmousedown = norightclick; 
if (window.Event) 
  document.captureEvents(Event.MOUSEUP); 

function norightclick(e) 
{ if (window.Event) 
  { if (e.which == 2 || e.which == 3) 
    { return false; } 
  } 
  else 
  { if (event.button == 2 || event.button == 3) 
    { event.cancelBubble = true 
      event.returnValue = false; 
      return false; 
    } 
  } 
} 
function nocontextmenu() 
{ event.cancelBubble = true 
  event.returnValue = false; 
  return false; 
} 
//-->
</script>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">

<link href="stil-css/rc.css" rel="stylesheet" type="text/css">
</head>
<body>


<div id="layut">   
 <div id="flahmenu"> 
        <div id="flashcontent"> 
          <div id="menu"> 
            

</p>
            

Welcome to RcwebAgency .

              We have detected that you do not have the Flash 6 player installed.

              Please Click Here
			  to download the Flash plugin.</p>
			  
            <p  class="style1">[img]immagini/player.gif[/img] 
          </div>
		  
          <script type="text/javascript">
		  	// <![CDATA[
			var fo = new FlashObject("flash/banner.swf", "Menu", "990", "350", "false", "");
			fo.addParam("quality", "high");
			fo.addParam("menu", "false");
			fo.write("menu");
				// ]]>
		</script>
	     </div>  
       </div> 
	 </div>   
</body>
</html>

e css cosi

codice:

[CODE


CODE] body{
	margin :0 auto;
	padding:0;



}
#layut {
	text-align: center;
	background-color: #EEE;
	border: 3px solid #DDD;
	height: 100%;
	overflow: hidden;
	width: 990px;

}
#flashcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099CC;
	text-align: center;
}
#menu {
	height: 350px;
	width: 100%;

}

Discussione: allargamento layute improvviso

Strumenti discussione

Ricerca discussione

Visualizza

allargamento layute improvviso

Permessi di invio