[CSS] "Errore" lettura css con una pagina html

**redirecthttp** · 10-10-2015, 17.54.55

Ciao forum, vorrei porre un problema (probabilmente tecnico) il quale mi impedisce di visualizzare una pagina html con un certo stile css anche se dovrebbe essere scritto e collegato bene.
Ad esempio:

Codice HTML:

<html>
 <head>
  <link href="css/grepo.css" type="text/css" rel="stylesheet">// colloco la mia pagina html allo stile della pagina crepo.css in css
</head>
<body>
<div id="esj">Parola</div>//assegno il div esj per poi usarlo nel css

</body>
</html>

e poi ecco lo script in css con il titolo grepo.css nel giusto percorso cartella ovviamente.

Codice:

#esj{
position:absolute; 
top:200px; 
left:360px; 
visibility:visible;
}

Solo che quando apro la pagina in html e come se il css non venisse preso in considerazione e lo stile della frase o parola racchiusa all'interno del div non cambia e rimane in alto a sinistra.
Potreste dirmi dove sbaglio ogni volta?
Grazie!

**darbula** · 10-10-2015, 19.52.01

id e diverso da quello che usi per i css esj

Codice:

#ejs

prova con

Codice:

#esj

e cambia pure percorso

Codice:

<link href="css/crepo.css

invece di grepo

**redirecthttp** · 10-10-2015, 20.31.27

Ho solo sbagliato a trascrivere il codice, ma nella mia pagina era tutto già corretto , ora aggiustato anche qua.
Il problema non è quello.

**acsocmel** · 10-10-2015, 22.05.03

allora prova a mostrare la pagina

**darbula** · 11-10-2015, 00.45.24

e si meglio che mostri direttamente la pagina, perché già con l'elemento body aperto prima di head mi preoccupa, sarà un'altro problema di trascrizione (o forse è proprio questo il problema). :D. comunque prego per avermi ringraziato del mio intervento. Perché volevi dire grazie di avermi fatto notare che il codice trascritto qui non era corretto. EDIT: puoi provare questa pagina? Ho modificato l'elemento body dopo la chiusura di head, conversione dei commenti php in commenti html (non visibili ad un browser) e modificato crepo in grepo all'interno del commento

Codice:

<html>
 <head>
  <link href="css/grepo.css" type="text/css" rel="stylesheet">
<!-- colloco la mia pagina html allo stile della pagina grepo.css in css -->
</head>

<body>
<div id="esj">Parola</div>
<!-- assegno il div esj per poi usarlo nel css -->

</body>
</html>

spero che sia il risultato che volevi ottenere!!

**redirecthttp** · 11-10-2015, 10.27.55

Originalmente inviato da darbula

Codice:

<html>
 <head>
  <link href="css/grepo.css" type="text/css" rel="stylesheet">
<!-- colloco la mia pagina html allo stile della pagina grepo.css in css -->
</head>

<body>
<div id="esj">Parola</div>
<!-- assegno il div esj per poi usarlo nel css -->

</body>
</html>

spero che sia il risultato che volevi ottenere!!

avevo sbagliato a trascrivere anche questo, comunque ti ringrazio per la risposta ero convinto di averlo scritto ;)

Originalmente inviato da acsocmel

allora prova a mostrare la pagina

ecco la pagina: Link
tralasciando le atre cose devo spostare solo l'orario...

**redirecthttp** · 11-10-2015, 10.31.02

Ecco ora ha spostato l'orario ma io non ho modificato niente! Come mai da questo problema?

**acsocmel** · 11-10-2015, 11.16.37

"position center" non esiste

Codice:

#ejs_heure{
   position:center; 
   top:300px; 
   left:400px; 
   visibility:visible;
}

correggi in "absolute"

non usare position visto che sei alle prime armi

**redirecthttp** · 11-10-2015, 11.37.38

Originalmente inviato da acsocmel

"position center" non esiste

Codice:

#ejs_heure{
   position:center; 
   top:300px; 
   left:400px; 
   visibility:visible;
}

correggi in "absolute"

non usare position visto che sei alle prime armi

se non uso position gli elementi non si spostano :(

**acsocmel** · 11-10-2015, 12.06.04

Originalmente inviato da redirecthttp

se non uso position gli elementi non si spostano

allora devi studiare un po'

**darbula** · 11-10-2015, 13.35.30

Ma la funzione date non deve essere sempre disponibile nel momento che carica la pagina? Semplicemente la pagina deve chiamarsi con estensione .php (altrimenti il web server non lo processa come codice php) e facoltativamente puoi pure inserire date come codice php, cioè senza tag html script. Boh in pratica annulli l'id inserendo solo l'ora, penso che deve essere riscritto con javascript <div id="ejs_heure">testo</div>. EDIT:

Codice:

<!DOCTYPE html>
<html>
<head>
  <link href="css/grepo.css" type="text/css" rel="stylesheet" >
  <meta charset="utf-8">
  <meta name="generator" content="AlterVista - Editor HTML"/>
  <title>Grepolis Attack calculator</title>
</head>
<body>
<script lenguage="JavaScript">
function HeureCheckEJS()
	{
	krucial = new Date;
	heure = krucial.getHours();
	min = krucial.getMinutes();
	sec = krucial.getSeconds();
	jour = krucial.getDate();
	mois = krucial.getMonth()+1;
	annee = krucial.getFullYear();
	if (sec < 10)
		sec0 = "0";
	else
		sec0 = "";
	if (min < 10)
		min0 = "0";
	else
		min0 = "";
	if (heure < 10)
		heure0 = "0";
	else
		heure0 = "";
	DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec;
	which = DinaHeure
	if (document.getElementById){
		document.getElementById("ejs_heure").innerHTML='<div id="ejs_heure">Sono le ore '+which+'<?php echo(' del '.date('j-m-y')); ?></div>';
	}
	setTimeout("HeureCheckEJS()", 1000)
	}
window.onload = HeureCheckEJS;
</script>
<div id="ejs_heure"></div>
<form method="post" action="elaborazione.php">
<br>
<div id="attackduration">
Durata attacco <input type="text" name="primo"><br>
</div>
Arrivo attacco <input type="text" name="secondo">
<br>
<input type="submit" value="Calcola Orari">
</form>

<div id="content_top"><img src="http://redirecthttp.altervista.org/grepolis/css/contents/content_top.gif"></div>
<div id="content_middle"><img src="http://redirecthttp.altervista.org/grepolis/css/contents/content_middle.gif"></div>
<div id="content_bottom"><img src="http://redirecthttp.altervista.org/grepolis/css/contents/content_bottom.gif"></div>
</body>
</html>

Così va bene? (ricorda estensione .php).

Discussione: [CSS] "Errore" lettura css con una pagina html

LinkBack

Strumenti discussione

Display

[CSS] "Errore" lettura css con una pagina html

Regole di scrittura