Προς το περιεχόμενο

προβλημα με web hosting

lagermon

Από τον lagermon
στο Web Design - Development

 Share

Προτεινόμενες αναρτήσεις

lagermon Proficient

lagermon

Δημοσ.
Δημοσ.

γεια σας παιδια, 

προσπαθω να φτιαξω μια ιστοσελιδα με html και css πιο πολυ για εξασκηση γιατι τωρα μαθαινω. εχω τα αρχεια στον υπολογιστη μου και τα δουλευω με το notepad και τα δοκιμαζω στους browser.

Ενω στον υπολογιστη μου εμφανιζονται ετσι οπως τα θελω οταν τα ανεβαζω σε μια σελιδα web hosting (000webhost.com) τοτε η αρχικη σελιδα χανει τελειος την μορφη της και ολη την διαταξη που της εχω δωσεις με τα css.

Αυτο συμβαινει μονο με την πρωτη σελιδα και οχι με καποια αλλη.

Μηπως φανταζετε καποιος γιατι συμβαινει αυτο; Αν χρεαιζεστε αλλη πληροφορια πειτε μου.

Ευχαριστω!

 

hawkpilot Mentor

hawkpilot

Δημοσ.
Δημοσ.

γεια σας παιδια, 

 

προσπαθω να φτιαξω μια ιστοσελιδα με html και css πιο πολυ για εξασκηση γιατι τωρα μαθαινω. εχω τα αρχεια στον υπολογιστη μου και τα δουλευω με το notepad και τα δοκιμαζω στους browser.

 

Ενω στον υπολογιστη μου εμφανιζονται ετσι οπως τα θελω οταν τα ανεβαζω σε μια σελιδα web hosting (000webhost.com) τοτε η αρχικη σελιδα χανει τελειος την μορφη της και ολη την διαταξη που της εχω δωσεις με τα css.

 

Αυτο συμβαινει μονο με την πρωτη σελιδα και οχι με καποια αλλη.

 

Μηπως φανταζετε καποιος γιατι συμβαινει αυτο; Αν χρεαιζεστε αλλη πληροφορια πειτε μου.

 

Ευχαριστω!

 

Λογικά κάπου στη σελίδα έχεις hardcoded absolute path(s) για το(α) css.

  • Like 1
hawkpilot Mentor

hawkpilot

Δημοσ.
Δημοσ.

επειδη ειμαι νεος στον προγραμματισμο δεν μου εξηγεις τι ειναι αυτο και πως αντιμετοπιζεται; Ευχαριστω

 

Πόσταρε στο νήμα το κομμάτι κώδικα της σελίδας σου μέχρι το <body> tag.

 

 

lagermon Proficient

lagermon

Δημοσ.
  • Μέλος
Δημοσ.
<!DOCTYPE html>
 
<html>
 
<head>
 
<meta charset="UTF-8" />
 
<meta name="google-site-verification" content="TSS0kNyAW3RU48Tcz-1btiUA2I_NB5Q9G_7wK39TvJM" />
 
 
<meta name="description" content="Ανακαλύψτε τα πάντα για τον Παναθηναϊκό μέσα από την ιστοσελίδα μας. Ενημερωθείτε για τις τελευταίες εξελίξεις του Παναθηναικου, μάθετε την ιστορία, δείτε τους παίχτες και ελάτε πιο κοντά στην ομάδα. Pao365: Όλος ο Παναθηναϊκός σε μια ιστοσελίδα!" />
 
<meta name="keywords" content="pao365,pao-365,pao,panathinaikos,paonews,pao.gr,pao basket,men,men site,παναθηναικος,παο,παο365,παο13,παναθα,αθλητικα νεα,παναθηναικος βιντεο,παναθηναικος ειδησεις,ροστερ παναθηναικου,θυρα13,βαθμολογια παο,παο βιντεο,παο μπασκετ,αντρικη ιστοσελιδα" />
 
<title>Pao-365: Ολος ο Παναθηναικος σε ενα Site</title>
 
<link rel="stylesheet" type="text/css" href="index.css"/>
<link rel="stylesheet" type="text/css" href="For_All_Pages.css"/>
<link rel="stylesheet" type="text/css" href="Top-Part.css"/>
<link rel="stylesheet" type="text/css" href="Footer.css"/>
 
 
 
</head>


ο κωδικας του index.css

 

 

 

a:active {background-color: red;}
 
#ad  {width: 100%; text-align: center;}
 
 
 
#Main_Part_1 {  position: relative; margin-top: 2px; width: 100%;}
 
 
#Right_Side_1 { position: absolute; right: 0px; top: -20px; width: 73.5%; }
 
 
 
#introduction {         background-color: white; 
                           
                        padding-bottom: 10px;
                                        
 
                        width: 99%;
                                            
                        margin-top: 0px;
                        margin-left: auto;
                        margin-right: auto;
 
                        border-top: 0px gray solid; 
                        border-left: 0px gray solid; 
                        border-bottom: 0px gray solid;
                        border-right: 0px gray solid;
 
 
                        border-top-right-radius: 55px;
                        border-bottom-left-radius: 55px;
                        
                        box-shadow: 0px 0px 10px 1px gray ;
 
                       
 
                        }
 
 
#introduction-photo {border: double green; 
 
                         float: left; 
                         
                         margin-left: 1px;
                         margin-top: 1px;
                         margin-right: 10px; 
                         margin-bottom: 10px; } 
 
 
 
#introduction-text { font-family: verdana; 
                      font-size: 17px; 
 
                      text-align: justify; 
 
                      margin-right: 12px;}
 
h4.Read_More {text-decoration: underline; font-style: verdana; weight: bold; font-size: 20px;}
 
ul.Read_More li { display:inline; margin-right: 20px;}
 
ul.Read_More a {text-decoration: none; color: #00d200;}
 
 
 
#Pao_News_Banner { margin-top: 26px;
                   margin-left: 15%;  }
 
 
#Left_Side_1   { width: 25%;}
 
 
 
.Log_In {   background-color: white;
               
               
 
 
               margin-left: 8px;
               margin-top: 15px;
                  
               width: 305px;
               height: 240px;
 
               border-radius: 13px;
 
               box-shadow: 0px 0px 10px 1px gray ;}
 
 
.Log_In h4 {  margin-top: 10px;
            margin-left: 10px;
                                 
 
                                  }
 
 
 
.Log_In label { margin-left: 3px;
                margin-right: 5px;
                
 
                display: block; 
  
                width: 100px;
                text-align: left; 
 
                float: left;
                                     }
 
 
#submit {margin-left:65%
                             }
 
 
#FrontPages {   background-color: white;
               
              
                  
               margin-left: auto;
               margin-right: auto; 
              
 
               margin-top: 15px;
 
               width: 235px;      }
 
 
#Latest_News {   margin-top: 10px;
                 margin-right: auto; 
                 margin-left: auto; 
 
                 padding: 1px; 
 
                 width: 99%; }
 
 
 
#Main_Part_2 { position: relative; margin-top: 10px; }
 
 
 
 
 
 
#Ratings   { width: 60%; padding: 5px; border-radius: 13px;
             
 
               box-shadow: 0px 0px 10px 1px gray ; }
 
 
#Right_Side_2 {position: absolute; right: 0px;top: 0px;}
 
 
 
 
 
#Poll {     background-color: green;
               
               margin-left: auto;
               margin-right: auto; 
               margin-top: 25px;
               margin-bottom: 25px;
 
               padding: 0px;
 
              
 
 
               width: 302px;
                       
 
               border-radius: 13px;
             
 
               box-shadow: 0px 0px 10px 1px gray ;}
hawkpilot Mentor

hawkpilot

Δημοσ.
Δημοσ.

Δε βλέπω κάποιο πρόβλημα στο header. Αν ο browser που χρησιμοποιείς έχει developer mode, δες αν τα css κατεβαίνουν κανονικά από τον web server. Επίσης, αν μπορείς, πάρε όλο το set των αρχείων που ανεβάζεις στον server και δοκίμασέ τα σε κάποιον άλλον Η/Υ. Το πρόβλημα που έχεις εμφανίζεται σε όλους τους browsers και με την ίδια συμπεριφορά?

 

edit: το css που ανέβασες βγάζει λάθη σε έλεγχο που έκανα εδώ.

 

Η γραμμή

h4.Read_More {text-decoration: underline; font-style: verdana; weight: bold; 
font-size: 20px;}

δεν είναι σωστή. Δεν υπάρχει font-style verdana μάλλον πρέπει να το διορθώσεις σε font-family.

lagermon Proficient

lagermon

Δημοσ.
  • Μέλος
Δημοσ.

συνηθως χρησιμοποιω τον chrome. δοκιμασα να μπω με τον mozilla και λειτουργησε μια χαρα. αρα καποιο προβλημα θα εχει ο κωδικας σε σχεση με τον chrome. το url ειναι pao365.site40.net. 



παντως ευχαριστω για την βοηθεια

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...