Problema di collegamenti tra pagine.

lucaeffe

Problema di collegamenti tra pagine.

Ho iniziato a lavorare sulla seconda pagina del mio sito.
Il problema è semplice!

In pratica riesco a visualizzare la seconda pagina solamente, aprendola da "visualizza anteprima in firefox" della sua stessa pagina.html.

In pratica se visualizzo l'anteprima partendo dalla prima pagina cliccando sul link non riesco ad accedere alla seconda!

Posso però accedere alla home partendo dalla seconda pagina!!
Posto il codice riferito alla seconda pagina:

HTML

[html]<body>
<div id="header">
<ul id="menu">
<li><a href="home page.html"><strong>Home</strong></a></li>
<li class="vocecorrente"><a href="il-nostro-team"><strong>Il nostro Team</strong></a></li>
<li><a href="#"><strong>Partners</strong></a></li>
<li><a href="#"><strong>Servizi</strong></a></li>
</ul></div>
<div id="navigation">
<div id="testo_img"></div>
</div>
<div id="footer"></div>
</body>
</html>[/html]

CSS:

@charset "utf-8";
/* CSS Document */

body{
    background:#FFF;
    margin:0 auto;
    padding:0;
    width:1260px;
    height:600px;
}

#header{
    background-image:url(images/header.jpg);
    background-repeat:no-repeat;
    width:100%;
    height:120px;
    margin:0 auto;
}

#navigation{
    width:100%;
    height:430px;
    margin:0 auto;
    padding:0;
}

#testo_img{
    background-image:url(images/testo-home-page2.jpg);
    background-repeat:no-repeat;
    height:430px;
    width:600px;
    margin:10px 0 0 50px;
    padding:0;
}
    


#menu{
    width:20px;
    list-style:none;
    overflow:hidden;
    width:100%;
    float:left;
    padding:1px;
    margin:30px 0 0  0;

}

 li{
    display:inline;
} 
 li.vocecorrente a{ /*caratteristiche della voce del menu selezionata*/
color:#FC0;
text-decoration: none;
}

 a{
    display:block;
    float:left;
    padding-rigth:90px;
    height:25px;
    margin-left:125px;
    padding-left:65px;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:14px;
    text-decoration:none;
    color:#FFF;
    line-height:25px;
}
 a:hover{
    color:#FC0;
    
} 



#footer{
    background-image:url(images/footer.jpg);
    background-repeat:no-repeat;
    margin:0 auto;
    padding:0;
    height:220px;
    width:100%;
}

christian82

Ciao il problema da te posto non si capisce molto per farti dare un suggerimento posta i codici html di entrambe le pagine, il codice css, penso che non ti serve per questo problema. Poi un piccolo errore che ho visto nel codice che hai postato è questo:


<a href="home page.html">

i link alle pagine è consuetudine che non abbiano spazi, perché possono dare molti problemi...in questo caso protesti o attaccare le parole o chiamarla index oppure usare il carattere sottolineato (_) al posto dello spazio.
Spero di essere stato chiaro, ciao.

gemedj89

Ti ha detto tutto christian82 ed aggiungo in questi casi invece di usare un link relativo puoi provare con quello assoluto aggiungiendo il percorso compreso nome dominio .

lucaeffe

home-page.html

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="home-page.css"- type="text/css" />
<title>Documento senza titolo</title>
</head>

<body>
<div id="header">
<ul id="menu">
<li class="vocecorrente"><a href="home-page.html"><strong>Home</strong></a></li>
<li><a href="#"><strong>Il nostro Team</strong></a></li>
<li><a href="#"><strong>Partners</strong></a></li>
<li><a href="#"><strong>Servizi</strong></a></li>
</ul></div>
<div id="navigation">
<div id="testo_img"></div>
</div>
<div id="footer"></div>
</body>
</html>

il-nostro team.html

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="il-nostro-team.css"- type="text/css" />
<title>Documento senza titolo</title>
</head>

<body>
<div id="header">
<ul id="menu">
<li><a href="home-page.html"><strong>Home</strong></a></li>
<li class="vocecorrente"><a href="il-nostro-team"><strong>Il nostro Team</strong></a></li>
<li><a href="#"><strong>Partners</strong></a></li>
<li><a href="#"><strong>Servizi</strong></a></li>
</ul></div>
<div id="navigation">
<div id="testo_img"></div>
</div>
<div id="footer"></div>
</body>
</html>

christian82

Ciao io farei così:


<li><a href="index.html"><strong>Home</strong></a></li>
<li><a href="team.html"><strong>Il nostro Team</strong></a></li>
<li><a href="partners.html"><strong>Partners</strong></a></li>
<li><a href="servizi.html"><strong>Servizi</strong></a></li>

con la classe vocecorrente che si sposta pagina per pagina come ho visto che hai fatto.
In href tu hai il nome della pagina compreso di estensione che vuoi collegare, devi sempre usare nomi di facile comprensione che aiutino te nella programmazione e aiutino i motori di ricerca e le altre persone in generale.
La prima pagina per convenzione viene quasi sempre chiamata index.
Spero di esserti stato utile.