non riesco a visualizzare per bene il sito

04-08-2014, 22.56.23

Salve a tutti, è la seconda volta che provo a pubblicare un sito con altruista. LA prima volta era una prova con poche righe di codice, avevo anche un banner e lo avevo pubblicato senza problemi. Adesso invece non si vede nulla, la pagina index è composta da immagini e link associati che portano alle altre pagine del sito, avevo provato a mettere tutto in una cartella ma non vedeva la pagina index, allora ho inserito tutte le pagine col codice e in delle cartelle le immagini, ma niente, non so cosa fare.

04-08-2014, 23.06.25

Hai sbagliato inserendo l'url delle immagini.
Quando carichi le immagini nel tuo spazio poi per visualizzare devi inserire l'url che porta alla risorsa, quindi:

1. Carica le tue immagini nello spazio web per esempio crea una cartella "immagini" e mettile li dentro.
2. Inserisci nelle tue pagine .html la tag per le immagini con l'url giusto. per es.

Codice HTML:

<img src="immagini/nomeimmagine.png" alt="immagine" title="La mia immagine">

Fammi sapere come va, Ciao.

04-08-2014, 23.16.44

l'url è nel css possibile che vadano per forza nel file html???

04-08-2014, 23.28.20

Potresti scrivere il codice sia CSS che HTML/PHP? Grazie

E' sempre la stessa storia, pure nel css sarà

Codice HTML:

<style>
div {
background-image: url('immagini/nomeimmagine.png');
}
</style>

04-08-2014, 23.44.34

ecco l'html:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Gaetano Lo Gatto</title>
		<meta http-equip="Content-Type" content="text/html; charset=iso-8859-1">
		<meta http-equiv="content-language" content="IT">
		<meta name= "description" content="Gaetano Lo gatto fotografo professionista">
		<meta name="keywords" content="fotografo, fotografia, fotoritocco, book fotografici, nozze, matrimonio, matrimoni, sposa, sposo, sposi, foto,carrugi, scorci di vita, scorci, carrugi, vicoli,paesaggi, servizi, modelle, modelli, macchina fotografica, obiettivo">
		<meta name "robots" content="index,follow">
		<link href="gaetanologatto.css" rel="stylesheet" type="text/css">
		
</head>
	<body>
		<table width='100%'   >    <!--tabella principale-->
				<tr>
					<td width='25%'>
					<img src="http://forum.it.altervista.org/images/logo_fotogr.jpg" />  <!--logo-->
				</td>
					<td width='40%' align='center'>
					<img src="http://forum.it.altervista.org/images/scritta-01.jpg" />
				</td>
					<td width='25%'>
				</td>
					</tr>
						<tr >
					<td valign='top'>
					<img src="http://forum.it.altervista.org/images/info.jpg" />   <!--info-->
				</td>
					<td>
						<table  width="100%" height="800">
							<tr>
								<td align="center">
									<a href="chisono.html" >
										<div class="chisono">
										</div>
										</a>
										</td>
									<td align="center">
										<a href="wedding.html" >
										<div class="wedding">
										</div>
										</a>
								</td>
								<td align="center">
								<a href="gallery.html" >
										<div class="gallery">
										</div>
										</a>
								</td>
								<td align="center">
								<a href="contatti.html" >
										<div class="contatti">
										</div>
										</a>
                                                               </td>
							</tr>
						</table>
					</td>
					<td></td>
				</tr>
				</table>
		</table>
	</body>
</html>

ed ecco il css:
.contenitore{
			position:relative;
			top:1px;
			height:900px;
			width:100%;
			
}

.chisono{
			position:static;width:245px;height:670px;left:7%;top:2%;
			background-image:url(images/chisonoimg.jpg);
			background-repeat:no-repeat;
			background-position:center center;
			
			
}

.chisono:hover{
				background-image:url(images/chisono_chiaro.jpg);
				background-repeat:no-repeat;
				background-position:bottom;
			
}

.chisono a{
			background-image:url(images/chisono_chiaro.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
}


.wedding{
			position:static;width:245px;height:670px;left:7%;top:2%;
			background-image:url(images/weddingscuro.jpg);
			background-repeat:no-repeat;
			background-position:center center;
			
			
}

.wedding:hover{
				background-image:url(images/weddingchiaro.jpg);
				background-repeat:no-repeat;
				background-position:bottom;
			
}

.wedding a{
			background-image:url(images/weddingchiaro.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
}

.gallery{
			position:static;width:245px;height:670px;left:7%;top:2%;
			background-image:url(images/scorcio_img.jpg);
			background-repeat:no-repeat;
			background-position:center center;
			
			
}

.gallery:hover{
				background-image:url(images/scorciochiaro.jpg);
				background-repeat:no-repeat;
				background-position:bottom;
			
}

.gallery a{
			background-image:url(images/scorciochiaro.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
}

.contatti{
			position:static;width:245px;height:670px;left:7%;top:2%;
			background-image:url(images/contact.jpg);
			background-repeat:no-repeat;
			background-position:center center;
			
			
}

.contatti:hover{
				background-image:url(images/contattichiaro.jpg);
				background-repeat:no-repeat;
				background-position:bottom;
			
}

.contatti a{
			background-image:url(images/contattichiaro.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
}

04-08-2014, 23.45.51

ho notato un errore che però ho corretto, in pratica la cartella images prima era dentro un'altra cartella, avendo poi spostato la cartella ho dovuto modificare l'url, am anche correggendo non vedo nulla. Forse dovrei cancellare tutto e ricaricare i file?

04-08-2014, 23.46.04

Hai caricato le immagini come ti ho consigliato?

O meglio, hai la cartella "images" dove ci sono le immagini linkate nel css?

COMUNQUE, correggi il css con questo:

Codice HTML:

.contenitore{
position:relative;
top:1px;
height:900px;
width:100%;

}

.chisono{
position:static;width:245px;height:670px;left:7%;top:2%;
background-image:url('images/chisonoimg.jpg');
background-repeat:no-repeat;
background-position:center center;


}

.chisono:hover{
background-image:url('images/chisono_chiaro.jpg');
background-repeat:no-repeat;
background-position:bottom;

}

.chisono a{
background-image:url('images/chisono_chiaro.jpg');
background-repeat:no-repeat;
background-position:bottom;
}


.wedding{
position:static;width:245px;height:670px;left:7%;top:2%;
background-image:url('images/weddingscuro.jpg');
background-repeat:no-repeat;
background-position:center center;


}

.wedding:hover{
background-image:url('images/weddingchiaro.jpg');
background-repeat:no-repeat;
background-position:bottom;

}

.wedding a{
background-image:url('images/weddingchiaro.jpg');
background-repeat:no-repeat;
background-position:bottom;
}

.gallery{
position:static;width:245px;height:670px;left:7%;top:2%;
background-image:url(images/scorcio_img.jpg);
background-repeat:no-repeat;
background-position:center center;


}

.gallery:hover{
background-image:url('images/scorciochiaro.jpg');
background-repeat:no-repeat;
background-position:bottom;

}

.gallery a{
background-image:url('images/scorciochiaro.jpg');
background-repeat:no-repeat;
background-position:bottom;
}

.contatti{
position:static;width:245px;height:670px;left:7%;top:2%;
background-image:url('images/contact.jpg');
background-repeat:no-repeat;
background-position:center center;


}

.contatti:hover{
background-image:url('images/contattichiaro.jpg');
background-repeat:no-repeat;
background-position:bottom;

}

.contatti a{
background-image:url('images/contattichiaro.jpg');
background-repeat:no-repeat;
background-position:bottom;
}

Originalmente inviato da GaetanoLoGatto

ho notato un errore che però ho corretto, in pratica la cartella images prima era dentro un'altra cartella, avendo poi spostato la cartella ho dovuto modificare l'url, am anche correggendo non vedo nulla. Forse dovrei cancellare tutto e ricaricare i file?

Sostituisci il tuo css con questo e vedi

05-08-2014, 00.11.55

si le immagini sono nella cartella linkata. ora devo andare domani controllo il codice che mi hai mandato e ti faccio sapere, grazie e buonanotte

05-08-2014, 00.13.15

Un'ultima cosa, quando clicko nelle tue immagini e mi copio l'url me lo da come se fosse in locale, quindi dovrai cambiare qualche link SICURAMENTE sbagliato.

05-08-2014, 07.49.25

corretto css ma nulla...in che senso sembra che sia in locale????non dovrebbe! Inoltre mi visualizza 3 punti interrogativi dove dovrebbero esserci le immagini, in verita ce ne sono altre ma è come se non vedesse nulla!

**saitfainder** · 05-08-2014, 10.30.49

Nella pagina che vedo online le immagini (ma anche i link) hanno un indirizzo fatto così:

/Users/lucialaserra/Desktop/grafica/siti/sito_gaetanologatto/images/logo_fotogr.jpg

Ma per come hai caricato le cose dovrebbe essere così:

/images/logo_fotogr.jpg

Tutto qui.

05-08-2014, 11.05.49

Saitfainder, mi ha dato la pagina html e i link son tutti "logo_fotogr.jpg".

05-08-2014, 11.32.42

infatti i link sono stati tutti corretti ma continua a non funzionare, forse dovrei ricaricare il tutto?

05-08-2014, 11.35.15

risolto!!! non so perché ma il link al css risultava ancora come se non lo avessi salvato, vabbè l'ho ricorretto per l'ennesima volta e ora funziona. Grazie del supporto!

05-08-2014, 12.14.15

Ottimo, buon proseguimento

05-08-2014, 15.13.48

ok corretto tutto solo che adesso alcune le visualizzo altre no... ????

**saitfainder** · 05-08-2014, 15.23.59

Sarà solo la cache del browser.

05-08-2014, 15.39.14

Ti consiglio di leggere MOLTO bene questo:

Se il tuo sito usa CloudFlare
Altervista ha instaurato una partership con CloudFlare che fornisce un sistema CDN (content delivery network) che permette da una parte una migliore distribuzione dei contenuti nella rete, migliorando le prestazioni del sito, e dall'altra di proteggere lo stesso sito da bot e spam vario.
Un effetto collaterale è che le eventuali modifiche ai contenuti del sito si potrebbero vedere con un certo ritardo, un po' come la cache dei browser.
Se sul vostro sito è stato abilitato CloudFlare e siete in fase di sviluppo intenso allora probabilmente vi converrà abilitare la "modalità sviluppo". Per farlo andate sul pannello di controllo di Altervista > AlterSito > CloudFlare.

A volte cloudflare fa impazzire

05-08-2014, 16.06.27

ok fatto riprovo stasera a vedere cosa si vede e cosa no.

10-08-2014, 10.52.02

Salve a tutti mi ritrovo di nuovo un problema. Nel sito ho creato una galleria di immagini, cliccando su una miniatura si va alla pagina con l'immagine ingrandita. Il problema è che mi funzionano tutte tranne una. Ho inserito ai lati dell'immagine due scritte "precedente" e " successivo", nella pagina in questione, la parola precedente non me la visualizza come nelle altre pagine, la visualizza a sinistra, in blu e in piccolo, eppure il codice è come nelle altre pagine:

<div><a href="scarpenuove.html" />
<p id="pre">Precedente</p>
</a>
<a href="abbr.html" />
<p id"succ">Successivo</p>
</a></div>

CSS:

div{
height:90px;
width:80%;
margin:0 auto;

}
#pre{
float:left;
color:#FFFFFF;
font-size:40px;

}

#succ{
float:right;
color:#FFFFFF;
font-size:40px;

10-08-2014, 10.57.07

ho riscontrato lo stesso problema in un'altra pagina ma non capisco cosa non vada. Inoltre in una pagina non visualizzo l'immagine eppure il codice sembra a posto:

<td align="center"><img src="gallery/mare.jpg" /></td>

ho controllato nella cartella e il file c'è allora perché non visualizza l'immagine?Le altre si e questa no?

Discussione: non riesco a visualizzare per bene il sito

LinkBack

Strumenti discussione

Display

non riesco a visualizzare per bene il sito

Regole di scrittura