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

Printable View

10-10-2015, 17.54.55
redirecthttp

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

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!
10-10-2015, 19.52.01
darbula

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
10-10-2015, 20.31.27
redirecthttp

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

allora prova a mostrare la pagina
11-10-2015, 00.45.24
darbula

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">  </head> <body> <div id="esj">Parola</div>  </body> </html>

spero che sia il risultato che volevi ottenere!!
11-10-2015, 10.27.55
redirecthttp

Citazione:

Originalmente inviato da darbula

Codice:

<html> <head> <link href="css/grepo.css" type="text/css" rel="stylesheet">  </head> <body> <div id="esj">Parola</div>  </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 ;)

Citazione:

Originalmente inviato da acsocmel

allora prova a mostrare la pagina

ecco la pagina: Link
tralasciando le atre cose devo spostare solo l'orario...
11-10-2015, 10.31.02
redirecthttp

Ecco ora ha spostato l'orario ma io non ho modificato niente! Come mai da questo problema?
11-10-2015, 11.16.37
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
11-10-2015, 11.37.38
redirecthttp

Citazione:

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 :(
11-10-2015, 12.06.04
acsocmel

Citazione:

Originalmente inviato da redirecthttp

se non uso position gli elementi non si spostano

allora devi studiare un po'
11-10-2015, 13.35.30
darbula

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).