Il mio menù cambia aspetto.

[joker_j.sy]

ciao raga.

Ho un problema che mi assilla.Ho creato sul mio sito un menu verticale e con dei link e uno sfondo per tutta la colonna e uno per ciascun link.

www.imecoop.com è il sito che ho realizzato.

il problema come avrete notato se avete visualizzato il sito è che il menu si sballa completamente. VVoVe:

La cosa piu divertente è che io sui miei due computer dove ho creato il sito (messi in rete fra loro) riesco a visualizzarlo bene sia in locale che sul sito.



nn so cosa gli sia preso pero ho urgenza di metterlo a posto perche devo farlo assolutamente vedere. nn so che fare


facciamo cosi ora vi allego il file del css e se potete mi dite che se po fa.
[indichero con i tratteggi la parte relativa ai link]

__________________________________________________ ____________________________

#file css

#box {
font-family:Verdana, Arial, Helvetica, sans-serif, "french Script MT";
font-size: 11px;
width: 100%;
margin-left: 40px;
height: 1020px;
background-repeat: no-repeat;
float: left;
}

#titolomenù {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
text-align: center;
color: #FFFFFF;
width: 583px;
margin-right: 5px;
margin-left: 5px;
background-color: #000000;
}


#vocemenù {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
list-style-type: disc;
border: thin dashed #000000;
width: 575px;
margin-left: 5px;
padding-left: 5px;
}



#header {
background-color: #000000;
height: 150px;
width: 900px;
color: #000000;

}





#boxblog {
color: #000000;
background-color: #FFFFFF;
width: 700px;
height: 799px;
overflow: scroll;
left: 400px;
background-image: url(Immagini/sfondobox.jpg);
}




#menusx {
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif, "french Script MT";
font-weight:bold;
color: #FFFFFF;
width: 194px;
height: 799px;
background-image: url(Immagini/sfondoCOLsx.jpg);
float: left;
background-repeat: no-repeat;
background-color: #FFFFFF;
}



#fondo {
clear: both;
background-position: center;
background-repeat: repeat;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
vertical-align: middle;
color: #000000;
top: 10px;
bottom: 10px;
width: 900px;
height: 30px;
}

------------------------------parte relativa al link del menu laterale----------------------

#menu_1 a {
display:block;
height:29px;
color: #000000;
padding-right: 1em;
padding-left: 1em;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-position: center center;
}


#menu_1 a:link, a:visited {

color:#000000;
font-size: 16px;
text-align: center;
vertical-align: middle;
background-position: center center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(Immagini/PULpunt2.jpg);

}
--------------------------fine link1-----------------------------------------------------
------------------parte relativa al link presente nella home nel fondo della pagina----------

#menu_2 a {
display:block;
height: 20px;
float: left;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
vertical-align: middle;

}


#menu_2 a:link, a:visited {
display:block;
height: 20px;
float: left;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
vertical-align: middle;

}

#menu_2 a:hover {
background-color: #000000;
height: 20px;
float: left;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
vertical-align: middle;
background-repeat: repeat;
}
------------------------------fine link2----------------------------
.TITOLO {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
background-position: center center;
text-align: center;
}
.testo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
text-transform: capitalize;
font-style: italic;
}
.titolo3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: capitalize;
font-style: italic;
}
.titolo2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
background-color: #000000;
}
.testo2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
list-style-type: disc;
background-color: #FFFFFF;
text-align: left;
}
.Titolo4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
background-position: center center;
text-align: center;
color: #FFFFFF;
background-color: #FFFFFF;
border: thin dashed #00FFFF;
}
.testo3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
list-style-type: disc;
background-color: #FFFFFF;
text-align: center;
}
.Titolo5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
text-align: center;
color: #000000;
background-color: #FFFFFF;
}
.Titolo6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
text-align: left;
color: #000000;
background-color: #FFFFFF;
list-style-position: inset;
list-style-type: disc;
}
.titolo7 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
text-align: left;
color: #000000;
background-color: #FFFFFF;
list-style-type: circle;
list-style-position: inset;
}

#fine foglio di stile
__________________________________________________ _________________________-


questa invece è la pagina del menu che viene richiamata in index.php tramite un require.il nome della pagina è menusx.php


__________________________________________________ ___________________________



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title></title>

<link href="stile pagina.css" rel="stylesheet" type="text/css" />


</head>

<body>

<div id="menusx">












<div id="menu_1">Home</p>






Storia</p>




Progetto




Prodotti

<span class="Stile4">

</span>Org. Interna




I Nostri Lavori


</p>
</div>
</div>


</body>
</html>
__________________________________________________ ____________________________

quel trucchetto dei link diversi mi è stato consigliato su questo forum.


HELP ME.Grazie per l'interessamento.

[ricman]

Io non vedo niente di particolarmente sballato.
Di sballato vedo 4 dichiarazioni di Doctype (!!!!) ma il menu mi pare "normale"

[joker_j.sy]

clikka su uno di quelli e vedi che succede

cambia la posizione delle icone del menu

[ricman]

Originariamente inviato da joker_j.sy
clikka su uno di quelli e vedi che succede

cambia la posizione delle icone del menu

Prova con quelle correzioni intanto....

[salasir]

Oltre a quello che ti ha detto ricman, ci sono tre/quattro pagine in una con tanto di <html>, <body>, ecc..

E poi:

#menu_1 a:link, 
#menu_1 a:visited { ....