Io utilizzo un layout composto da una parte centrale e una laterale che è il menù.
Ora,io vorrei creare una pagine che invece di due colonne ne abbia una sola.
Ci sono quasi riuscita,modificando il codice che usavo per le altre pagine,però non riesco a sistemare il testo e le immagini dentro,perchè non restano dentro il riquadro dove dovrebbero stare.
Vi posto il codice che uso,voi riuscireste a chiarirtmi come devo modificarlo per avere una unica colonna centrale?
Codice:
<!-- This is the Layout nr2, created for web sites. If you have any problem contact me
Gabrivasco@fastwebnet.it
For other Layouts visit my site: www.vasconvolta.it
And DON'T DELETE THE CREDITS!!!! !-->
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Elliot's Site</title>
</head>
<style>
.tit{
border-left:1px solid #BF3070;
border-right:1px solid #BF3070;
border-top:1px solid #BF3070;
border-bottom:1px solid #BF3070;
background-image: url('http://i243.photobucket.com/albums/ff90/pataloca90/sfondoRosa.jpg');
font-weight:bold;
font-family:Verdana;
font-size: 9px;
letter-spacing: 4px;
color:#000000 ;
width: 120px;
height: 16px;
text-align:center;
}
.cont {
text-align:center;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#80405C;
font-weight:bold;
}
A:visited {color:"#ffffff";text-decoration:none}
A:link {color:"#ffffff";text-decoration:none}
A:active {color:"#ffffff";text-decoration:none}
a:hover {cursor:ne-resize; color: ffffff; font-weight: bold; text-decoration:none; filter: shadow(Color=#A89986, Strength=5);
height: 1;
);
height: 1;
}
body {scrollbar-3dlight-color: #BF3070;
font-family: verdana;
color: #BF3070;
letter-spacing: 0pt;
font-weight: bold;
font-size: 11px;
text-align:center;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
scrollbar-arrow-color: #A89986;
scrollbar-base-color: #E6C5A4;
scrollbar-darkshadow-color: #E4C3A2;
scrollbar-face-color: #E6C5A4;
scrollbar-highlight-color: #E6C5A4;
scrollbar-shadow-color: #E6C5A4;
SCROLLBAR-TRACK-COLOR: #E6C5A4; }
</style>
<body background="http://i243.photobucket.com/albums/ff90/pataloca90/sfondoRosa.jpg" style="background-color: #E6CFD9" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<p>
<img style="position: absolute; left: 0; border=" src="http://i243.photobucket.com/albums/ff90/pataloca90/base.jpg" width="650" height="600" align="left"></p>
<!-- Questa è la parte del contenuto del sito !-->
<div id="Layer" style="position: absolute; left: 89; top: 313; width:
230; height: 206; z-index: 0; overflow: auto; border-style: none; border-
width: 0"><p class="cont">
Questa è la prima versione del sito che vorrei poi in futuro costruire. Utilizzerò questo per prenderci la mano!!! Intanto però vi
metterò anche delle cosine utili a voi...vi prego però di non prendere le immagini che non sono sotto la dicitura di RESOURCES!</p>
<p class="cont">Per il resto,se avete richieste o soprattutto suggerimenti vi chiedo di scrivermi nella tag board!</p>
<p class="cont">Se cliccate sulla scritta "Forum" nella colonna del menu di destra,potrete raggiungerci al mio forum<br> e trovare tantissime iniziative e resources;oltre ovviamente alla possibilità di avere un contatto diretto per poter chiedere informazioni e curiosità<br> sia sul mondo della garfica che sul resto! Vi aspettiamo!^^</p>
<p class="cont"><!-- BEGIN CBOX - www.cbox.ws -->
<div align="center" id="cboxdiv"><iframe frameborder="0" width="160" height="305" src="http://www2.cbox.ws/box/?boxid=1855729&boxtag=3263&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1855729&boxtag=3263&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe> <br><br><br>
<script type="text/javascript">
var counter_style = 22;
</script>
<script type="text/javascript" src="http://www.altervista.org/js_tags/contatore.js"></script>
</div>
<!-- END CBOX --></p>
</div>
<!-- Questa è la colonna del menu !-->
<div id="Layer" style="position: absolute; left: 423; top: 189; width:
150; height: 374; z-index: 0; overflow: auto; border-style: none; border-
width: 0"><p class="tit">HOME </p>
<p class="cont"><a href="http://elliot90.altervista.org/elliot90_Home.html">{_Home_}</a></p>
<p class="cont"><a target="_blank" href="http://forumallyouneed.forumfree.net">{Forum}</a></p>
<p class="tit">Abou Me</p>
<p class="cont">Mi chiamo Luisa.<br>Ho appena aperto il sito<br>e lo userò per mostrarvi la mia galleria! <br> E non solo...</p>
<p class="cont"> </p>
<p class="tit">Art</p>
<p class="cont"><a href="http://elliot90.altervista.org/elliot90_Wallpaper.html">Wallpaper</a></p>
<p class="cont"><a href="http://elliot90.altervista.org/elliot90_BlendCollage.html">Blend/collage</a></p>
<p class="cont"><a href="http://elliot90.altervista.org/elliot90_Colorize.html">Colorize</a></p>
<p class="cont"><a href="http://elliot90.altervista.org/elliot90_Icon.html">Icon</a> </p>
<p class="cont"><a href="http://elliot90.altervista.org/elliot90_Photomanipulation.html">Photomanipulation</a></p>
<p class="tit">Resources</p>
<p class="cont"><a href="http://elliot90.altervista.org/elliot90_Tutorial.html">Tutorial</a></p>
<p class="cont">4 you </p>
<p class="cont">Action</p>
<p class="cont">Brushes</p>
<p class="cont">Texture/Pattern </p>
<p class="tit">Site Stats</p>
<p class="cont">Elliot's Site<br>Online since: 23.07.08<br>Version: Layout 1<br>Created by:
<a target="_blank" href="http://elliot90.altervista.org/elliot90_Home.html">Elliot</a><br>Browser:
Firefox 2.0<br>Resolution: 1024x768<br>Hosted by:
<a target="_blank" href="http://s243.photobucket.com/albums/ff90/pataloca90/">Photobucket</a></p>
<p class="tit">Wishes</p>
<p class="cont"><s>Trovare l'amore</s> <br> Andare in Spagna {-7} <br> Prendere il diploma<br> Prendere la patente <br> Essere completamente serena</p>
</p>
<p class="tit">Affiliates</p>
<p class="cont"> </p>
<p class="tit">Link Me</p>
<p class="cont"> </p>
<p class="tit">Credits</p>
<p class="cont"> This Layout is created by
<a target="_blank" href="http://www.vasconvolta.it">GabriVasco</a> © </p>
<p class="cont"> For the images we thank
<a target="_blank" href="http://www.google.com">Google</a></p>
<p class="cont"> </p>
</div>
</body></html>
Grazie in anticipo!