css style of list

[bella89]

Γεια σας.Εχω φτιαξει μια λιστα σε php και θελω μεσω css να υπαρξει εσοχη στη λιστα αλλα κατι λαθος κανω και βαζει εσοχη μονο στο πρωτο στοιχειο

><?
           include "menu.php";
           $array=array("ΠΡΟΜΗΘΕΑΣ","Ο ΑΝΘΡΩΠΟΣ ΠΟΥ ΓΝΩΡΙΖΕ ΠΟΛΛΑ","ΤΟ ΒΑΘΥ ΜΠΛΕ ΤΟΥ ΕΡΩΤΑ","Ο ΕΡΩΤΑΣ ΚΡΑΤΑΕΙ 3 ΧΡΟΝΙΑ",
                   "Ο ΧΙΤΛΕΡ ΣΤΟ ΧΟΛΙΓΟΥΝΤ","Ο ΕΡΩΤΑΣ ΤΟΥ ΦΕΓΓΑΡΙΟΥ","6+1 ΑΠΙΣΤΙΕΣ","AMERICAN PIE:REUNION","ΜΩΡΕ,ΚΟΥΡΑΓΙΟ","ΜΑΝΤΕΨΕ ΠΟΙΟΣ ΘΑ ΕΡΘΕΙ ΤΟ ΒΡΑΔΥ","ΟΙ ΓΥΝΑΙΚΕΣ ΤΟΥ ΤΕΛΕΥΤΑΙΟΥ ΟΡΟΦΟΥ","ΤΙ ΝΑ ΠΕΡΙΜΕΝΕΙΣ ΟΤΑΝ ΕΙΣΑΙ ΕΓΚΥΟΣ","ΔΙΚΟΣ ΣΟΥ ΓΙΑ ΠΑΝΤΑ","ΕΝΤΕΛΩΣ ΜΕΤΑΞΥ ΜΑΣ","ΠΙΡΑΝΧΑΣ 3D.Η ΕΠΙΣΤΡΟΦΗ","ΕΝΑΣ ΜΕΓΑΛΟΣ ΕΡΩΤΑΣ","ΣΤΑ ΟΡΙΑ","ΜΕΣΟΤΟΙΧΙΕΣ","ΟΥΤΕ ΣΤΟΝ ΕΧΘΡΟ ΜΟΥ","ROCK OF AGES","ΤΟ ΑΚΡΩΤΗΡΙ ΤΟΥ ΦΟΒΟΥ","ΑΝΤΙΟ ΒΑΣΙΛΙΣΣΑ");
           echo"<ul><li>ΙΟΥΝΙΟΣ</li>";
           echo"<p id='listofmovies'>";
           foreach($array as $key=>$june){
                   if(($june!="ΠΡΟΜΗΘΕΑΣ")&&($june!="Ο ΑΝΘΡΩΠΟΣ ΠΟΥ ΓΝΩΡΙΖΕ ΠΟΛΛΑ")&&($june!="ΜΑΝΤΕΨΕ ΠΟΙΟΣ ΘΑ ΕΡΘΕΙ ΤΟ ΒΡΑΔΥ")&&($june!="Ο ΕΡΩΤΑΣ ΚΡΑΤΑΕΙ 3 ΧΡΟΝΙΑ"))
                       echo $june.'<br/>';
                   if($june=="Ο ΕΡΩΤΑΣ ΚΡΑΤΑΕΙ 3 ΧΡΟΝΙΑ")
                       echo '<a href="summaryofmovies.php#LAmourDurTroisAns">'.$june.'</a> <br/>';
                   if ($june=="ΠΡΟΜΗΘΕΑΣ")
                       echo '<a href="summaryofmovies.php#Promitheus">'.$june.'</a> <br/></li>';
                   if ($june=="Ο ΑΝΘΡΩΠΟΣ ΠΟΥ ΓΝΩΡΙΖΕ ΠΟΛΛΑ")
                       echo '<a href="summaryofmovies.php#TheManWhoKnewToMuch">'.$june.'</a><br/>';
                   if($june=="ΜΑΝΤΕΨΕ ΠΟΙΟΣ ΘΑ ΕΡΘΕΙ ΤΟ ΒΡΑΔΥ")
                       echo '<a href="summaryofmovies.php#GuessWhoIsComingToDinner">'.$june.'</a><br/>';
                   }
           echo"</p><li>ΙΟΥΛΙΟΣ</li><p id='listofmovies'>";
           $array=array("ΨΑΡΕΥΟΝΤΑΣ ΣΟΛΩΜΟΥΣ ΣΤΗΝ ΥΕΜΕΝΗ","Η ΕΠΟΧΗ ΤΩΝ ΠΑΓΕΤΩΝΩΝ 4:Ο ΧΟΡΟΣ ΤΩΝ ΗΠΕΙΡΩΝ","ΕΠΙΣΤΡΟΦΗ ΣΤΟΝ ΕΡΩΤΑ","Ο ΤΑΞΙΤΖΗΣ","GILDA","THE AMAZING SPIDER-MAN","Ο ΔΙΚΤΑΤΟΡΑΣ","Ο ΠΡΟΣΤΑΤΗΣ","Ο ΣΕΦ ΚΑΙ Ο ΣΕΦ ΤΟΥ","ΓΡΑΨΕ ΛΑΘΟΣ","ΑΡΣΕΝΙΚΟ ΚΑΙ ΠΑΛΙΑ ΔΑΝΤΕΛΑ");
           foreach($array as $key=>$july){
               if(($july!="ΓΡΑΨΕ ΛΑΘΟΣ") &&($july!="GILDA")&&($july!="Η ΕΠΟΧΗ ΤΩΝ ΠΑΓΕΤΩΝΩΝ 4:Ο ΧΟΡΟΣ ΤΩΝ ΗΠΕΙΡΩΝ")&&($july!="ΕΠΙΣΤΡΟΦΗ ΣΤΟΝ ΕΡΩΤΑ"))echo $july.'<br/>';
               if ($july=="ΓΡΑΨΕ ΛΑΘΟΣ")
                   echo '<a href="summaryofmovies.php#Footnote" >'.$july.'</a><br/>';
               if ($july=="Η ΕΠΟΧΗ ΤΩΝ ΠΑΓΕΤΩΝΩΝ 4:Ο ΧΟΡΟΣ ΤΩΝ ΗΠΕΙΡΩΝ")
                   echo '<a href="summaryofmovies.php#IceAge">'.$july.'</a><br/>';
               if ($july=="ΕΠΙΣΤΡΟΦΗ ΣΤΟΝ ΕΡΩΤΑ")
                   echo '<a href="summaryofmovies.php#Delicacy">'.$july.'</a><br/>';
               if ($july=="GILDA")
                   echo '<a href="summaryofmovies.php#Gilda">'.$july.'</a><br/>';
               }
           $array=array("Ο ΣΚΟΤΕΙΝΟΣ ΙΠΠΟΤΗΣ:Η ΕΠΙΣΤΡΟΦΗ","Diary of a Wimpy Kid: Dog Days","ΟΙ ΑΝΑΛΩΣΙΜΟΙ","ΜΑΔΑΓΑΣΚΑΡΗ 3","ΑΛΛΗ ΜΙΑ ΝΥΧΤΑ");
           echo"</p><li>ΑΥΓΟΥΣΤΟΣ</li><p id='listofmovies'>";
           foreach($array as $key=>$august){
               if(($august!="Ο ΣΚΟΤΕΙΝΟΣ ΙΠΠΟΤΗΣ:Η ΕΠΙΣΤΡΟΦΗ")&&($august!="ΜΑΔΑΓΑΣΚΑΡΗ 3"))echo $august."<br/>";
               if ($august=="Ο ΣΚΟΤΕΙΝΟΣ ΙΠΠΟΤΗΣ:Η ΕΠΙΣΤΡΟΦΗ")echo '<a href="summaryofmovies.php#Batman">'.$august.'</a><br/>';
               if($august=="ΜΑΔΑΓΑΣΚΑΡΗ 3") echo'<a href="summaryofmovies.php#Madagascar">'.$august.'</a><br/>';
               }

css.code

>
ul{
padding-top:15px;
padding-left:0px;
margin:0px;
}
li{
list-style:none;
font-size:20px;
padding:0px;
font-weight:bold;
cursor:pointer;
}
#listofmovies{
color:bisque;
font-size:20px;
text-indent:20px;
}
#listofmovies a{
font-size:20px;
color:bisque;
text-decoration:none;
border-bottom:2px bisque solid;
text-indent:20px;
}
#listofmovies a:hover{
   border-color:fuchsia;
   color:gold;
   }

[dewn735]

Δε χρειάζεται, και δεν είμαι και σίγουρος κατά πόσο επιτρέπεται, να χρησιμοποιήσεις p μέσα στο ul. Σε αυτό που μας έχεις δώσει, σίγουρα σπάει η λίστα επειδή έχεις βάλει τις παραγράφούς εκτός li, δηλαδή έχεις αυτό:

>
<ul>
<li>title</li>
<p>text</p>
<li>title</li>
</ul>

ενώ θα έπρεπε να έχεις κάτι τέτοιο:

>
<ul>
<li>title<p>data</p></li>
<li>title<p>data</p></li>
</ul>

ή, ακόμα καλύτερα, κάτι τέτοιο:

><ul>
<li>title
<ul><li>data</li></ul></li>
<li>title
<ul><li>data</li></ul></li>
</ul>

 

Επίσης, δε μπορείς να χρησιμοποιήσεις πολλαπλά στοιχεία με το ίδιο id (<p id='listofmovies'>). Αντί αυτού, δώσε διαφορετικό id στο καθένα και θέσε class='listofmovies'

Επεξ/σία 27 Ιουλίου 2012 από dewn735