-
Aiuto sito!
Ho dei problemi con la creazione del sito perche' sono alle prime armi.Sto creando al grafica con PS e il resto con DW solo che non riesco a capire come posso fare a:
il Div "contenitore"farsi' che si allunghi in altezza in funzione del contenuto e dato che come sfondo ha un gradiente,nell'allungamento continuare con colore nero e il div"foother continui a seguire il suddetto senza sovrapporsi.Inoltre non so' se ho fatto correttamente,vorrei che tutta la pagina sia centrata a ogni risoluzione.Di seguito posto il codice.Qualcuno uo' dargli un'occhiata e magari sistemarlo secondo le mie richieste?Grazie a tutti coloro che si cimenteranno.
[html]<HEAD>
<TITLE>Senza titolo-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Senza titolo-1.psd) -->
<SCRIPT LANGUAGE="JavaScript">
<!--
userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function findElement(n,ly) {
if (browserVers < 4) return document;
var curDoc = ly ? ly.document : document;
var elem = curDoc;
if (!elem) {
for (var i=0;i<curDoc.layers.length;i++) {
elem = findElement(n,curDoc.layers*);
if (elem) return elem;
}
}
return elem;
}
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images) {
var img;
for (var i=0; i<changeImages.arguments.length; i+=2) {
img = null;
if (document.layers) {
img = findElement(changeImages.arguments*,0);
}
else {
img = document.images[changeImages.arguments*];
}
if (img) {
img.src = changeImages.arguments[i+1];
}
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
bothome_sopra = newImage("immagini/bothome-sopra.jpg");
botabout_sopra = newImage("immagini/botabout-sopra.jpg");
botservice_sopra = newImage("immagini/botservice-sopra.jpg");
botwere_sopra = newImage("immagini/botwere-sopra.jpg");
botgallery_sopra = newImage("immagini/botgallery-sopra.jpg");
botcontact_sopra = newImage("immagini/botcontact-sopra.jpg");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<!-- ImageReady Styles (Senza titolo-1.psd) -->
<STYLE TYPE="text/css">
<!--
#contenitore {
position:absolute;
left: 50%;
top: 50%;
width: 700px;
height: 768px;
margin:-350px -364px;
}
#header {
position:absolute;
left:0px;
top:0px;
width:700px;
height:150px;
}
#latmenusin {
position:absolute;
left:0px;
top:150px;
width:80px;
height:30px;
}
#bothome {
position:absolute;
left:80px;
top:150px;
width:90px;
height:30px;
}
#botabout {
position:absolute;
left:170px;
top:150px;
width:90px;
height:30px;
}
#botservice {
position:absolute;
left:260px;
top:150px;
width:90px;
height:30px;
}
#botwere {
position:absolute;
left:350px;
top:150px;
width:90px;
height:30px;
}
#botgallery {
position:absolute;
left:440px;
top:150px;
width:90px;
height:30px;
}
#botcontact {
position:absolute;
left:530px;
top:150px;
width:90px;
height:30px;
}
#latmenudest {
position:absolute;
left:620px;
top:150px;
width:80px;
height:30px;
}
#centro {
position:absolute;
left:0px;
top:180px;
width:700px;
height:536px;
}
#fother {
position:absolute;
left:0px;
top:716px;
width:700px;
height:52px;
}
body {
background-image: url(Background/T0014B03.gif);
background-color: #000;
}
-->
</STYLE>
<!-- End ImageReady Styles -->
</HEAD>
<BODY BGCOLOR=#FFFFFF ONLOAD="preloadImages();">
<!-- ImageReady Slices (Senza titolo-1.psd) -->
<DIV ID =contenitore>
<DIV ID="header">
<IMG SRC="immagini/header.jpg" WIDTH=700 HEIGHT=150></DIV>
<DIV ID="latmenusin">
<IMG SRC="immagini/latmenusin.jpg" WIDTH=80 HEIGHT=30></DIV>
<DIV ID="bothome">
<A HREF="#"
ONMOUSEOVER="changeImages('bothome', 'immagini/bothome-sopra.jpg'); return true;"
ONMOUSEOUT="changeImages('bothome', 'immagini/bothome.jpg'); return true;">
<IMG NAME="bothome" SRC="immagini/bothome.jpg" WIDTH=90 HEIGHT=30 BORDER=0></A></DIV>
<DIV ID="botabout">
<A HREF="#"
ONMOUSEOVER="changeImages('botabout', 'immagini/botabout-sopra.jpg'); return true;"
ONMOUSEOUT="changeImages('botabout', 'immagini/botabout.jpg'); return true;">
<IMG NAME="botabout" SRC="immagini/botabout.jpg" WIDTH=90 HEIGHT=30 BORDER=0></A></DIV>
<DIV ID="botservice">
<A HREF="#"
ONMOUSEOVER="changeImages('botservice', 'immagini/botservice-sopra.jpg'); return true;"
ONMOUSEOUT="changeImages('botservice', 'immagini/botservice.jpg'); return true;">
<IMG NAME="botservice" SRC="immagini/botservice.jpg" WIDTH=90 HEIGHT=30 BORDER=0></A></DIV>
<DIV ID="botwere">
<A HREF="#"
ONMOUSEOVER="changeImages('botwere', 'immagini/botwere-sopra.jpg'); return true;"
ONMOUSEOUT="changeImages('botwere', 'immagini/botwere.jpg'); return true;">
<IMG NAME="botwere" SRC="immagini/botwere.jpg" WIDTH=90 HEIGHT=30 BORDER=0></A></DIV>
<DIV ID="botgallery">
<A HREF="#"
ONMOUSEOVER="changeImages('botgallery', 'immagini/botgallery-sopra.jpg'); return true;"
ONMOUSEOUT="changeImages('botgallery', 'immagini/botgallery.jpg'); return true;">
<IMG NAME="botgallery" SRC="immagini/botgallery.jpg" WIDTH=90 HEIGHT=30 BORDER=0></A></DIV>
<DIV ID="botcontact">
<A HREF="#"
ONMOUSEOVER="changeImages('botcontact', 'immagini/botcontact-sopra.jpg'); return true;"
ONMOUSEOUT="changeImages('botcontact', 'immagini/botcontact.jpg'); return true;">
<IMG NAME="botcontact" SRC="immagini/botcontact.jpg" WIDTH=90 HEIGHT=30 BORDER=0></A></DIV>
<DIV ID="latmenudest">
<IMG SRC="immagini/latmenudest.jpg" WIDTH=80 HEIGHT=30></DIV>
<DIV ID="centro">
<IMG SRC="immagini/centro.jpg" WIDTH=700 HEIGHT=536></DIV>
<DIV ID="fother">
<IMG SRC="immagini/fother.jpg" WIDTH=700 HEIGHT=52></DIV>
<!-- End ImageReady Slices -->
</DIV>
</BODY>[/html]