Visualizzazione risultati 1 fino 11 di 11

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

  1. #1
    redirecthttp non è connesso Neofita
    Data registrazione
    19-03-2015
    Messaggi
    28

    Question [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!
    Ultima modifica di redirecthttp : 11-10-2015 alle ore 10.17.58

  2. #2
    darbula non è connesso AlterGuru 2500
    Data registrazione
    24-04-2011
    Messaggi
    2,894

    Predefinito

    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
    Ultima modifica di darbula : 10-10-2015 alle ore 19.55.32

  3. #3
    redirecthttp non è connesso Neofita
    Data registrazione
    19-03-2015
    Messaggi
    28

    Predefinito

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

  4. #4
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    allora prova a mostrare la pagina

  5. #5
    darbula non è connesso AlterGuru 2500
    Data registrazione
    24-04-2011
    Messaggi
    2,894

    Predefinito

    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!!
    Ultima modifica di darbula : 11-10-2015 alle ore 02.30.42

  6. #6
    redirecthttp non è connesso Neofita
    Data registrazione
    19-03-2015
    Messaggi
    28

    Predefinito

    Citazione Originalmente inviato da darbula Visualizza messaggio
    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 ;)

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    allora prova a mostrare la pagina
    ecco la pagina: Link
    tralasciando le atre cose devo spostare solo l'orario...
    Ultima modifica di redirecthttp : 11-10-2015 alle ore 10.28.58

  7. #7
    redirecthttp non è connesso Neofita
    Data registrazione
    19-03-2015
    Messaggi
    28

    Predefinito

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

  8. #8
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    "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

  9. #9
    redirecthttp non è connesso Neofita
    Data registrazione
    19-03-2015
    Messaggi
    28

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    "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 :(

  10. #10
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    Citazione Originalmente inviato da redirecthttp Visualizza messaggio
    se non uso position gli elementi non si spostano
    allora devi studiare un po'

  11. #11
    darbula non è connesso AlterGuru 2500
    Data registrazione
    24-04-2011
    Messaggi
    2,894

    Predefinito

    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).
    Ultima modifica di darbula : 11-10-2015 alle ore 16.46.16

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •