Βοήθεια για αρχείο συνδέσεις αγκυρών

[Stavros2345]

Αγαπητοί Φίλοι,

 

Έφτιαξα τρία αρχεία σχετικά με συνδέσεις με άγκυρες,

το αρχικό αρχείο το a.html έχει συνδέσεις με άγκυρα προς ξεχωριστά αρχεία html(b.html, g.html κλπ)
Όταν ανοίξεις το a.html στο τέλος της σελίδας κλικάρεις στο πρώτο όνομα Byrd σε οδηγεί στην αντίστοιχη σελίδα που εμφανίζεται η σελίδα με τα τα διάφορα έργα του συνθέτη.

Αντίστοιχα όταν κλικάρεις στο τέλος της σελίδας a.html στο Gibbons ανοίγει η σελίδα g.html και εμφανίζονται τα διάφορα έργα του συνθέτη.

Το πρόβλημα εδώ είναι στο στο ότι:

1)Σε μερικά <li><em></em><li> δεν εμφανίζεται περιεχόμενο παρότι έχει μέσα κείμενο
(Είναι μέσα στο πρώτο <li> First Set of Madrigals and Motets)

2)Τα  επόμενα <li> τίτλοι για υπόλοιπες κατηγορίες έργων (Parthenia ,Tears or Lamentations, Fantasias ,Hymnes and Songs of the Church ) φαίνονται στην σελίδα σαν μην είναι  στο ίδιο επίπεδο κουκκίδας  όπως η πρώτη κουκκίδα First Set of Madrigals and Motets.

 

Σας παραθέτω και τις κατηγορίες των έργων του συνθέτη από το Wikipedia.

https://en.wikipedia.org/wiki/Orlando_Gibbons

 

Εάν μπορείτε βοηθήσετε γιατί το έψαξα αρκετά και δεν φαίνεται να υπάρχει λάθος στον κώδικα, 

 

Σας Ευχαριστώ,

 

 

g.html a.html b.html

[Ponous]

Γιατί φορτώνεις τόσα πολλά δεδομένα απ' τη στιγμή που δεν τα χρειάζεσαι; Και γιατί δεν βάζεις τα βάζεις σε εξωτερικό αρχείο; Έχεις ένα κώδικα ο οποίος έχεις χιλιάδες γραμμές αχρείαστες.

Τέλος πάντων όσο για τα προβλήματα που είπες, προσπάθησε να τα καθαρογράψεις λίγο γιατί κάποια δεν φαίνονται εκ πρώτης όψεως ελαττωματικά.

Για το 1)

<!-- Βλέπεις αυτό; -->
<li><em>The silver swanne</em></li><li>
</li><li><em>O that the learned Poets of our time</em></li>

<!-- Ισοδυναμεί με αυτό 3 κουκίδες, η 1 άδεια-->
<li><em>The silver swanne</em></li>
<li></li>
<li><em>O that the learned Poets of our time</em></li>
<!-- Επομένως στον κώδικά σου έχεις επιπλέον κουκίδες ή ξέχασες να γράψεις κάτι -->

 

Για το 2)

<li>First Set of Madrigals and Motets
				   <ul>
					  <li><em>The silver swanne</em></li><li>
			          </li><li><em>O that the learned Poets of our time</em></li>
			          <li><em>I waigh not fortunes frowne nor smile</em></li><li>
			          </li><li><em>I tremble not at noyse of warre</em></li>
			          <li><em>I see Ambition never pleasde</em></li>
			          <!-- Μπλα μπλα -->
			          <li><em>Trust not too much, faire youth unto thy feature</em></li>
			      </ul> <!-- Ξέχασες να κλέισεις την εσωτερική λίστα 
							και το ακόλουθο Parthenia εμφανίζεται σαν συνέχεια της εσωτερικής λίστας -->
        
        <li>Parthenia<!-- και πάει λέγοντας -->

 

[Stavros2345]

Σε ευχαριστώ για βοήθεια

 

Συγνώμη, να ρωτήσω κάτι.
Να τα βάλω σε εξωτερικό αρχείο τι εννοείς;
Στο κώδικα έχει μέσα και JavaScript;

Εάν ναι, έχεις  δίκιο και είναι και άχρηστο για την περίπτωση.
 

Για το 1)
Ναι έτσι είναι, είναι το ίδιο πράγμα και τα δύο που ανέφερες.
Απλά πιο μαζεμένο το 1ο.

Για το 2)
Ναι έτσι, ξέχασα να βάλω </ul> για να κλήσει η εσωτερική λίστα. 

 

Το ξαναέστειλα σαν g_new.html 

Είναι αρκετά καλύτερο.

Μια απορία μόνο , όταν ενσωματώνουμε μια λίστα μέσα σε μιά άλλη λίστα.
Κλείνουμε πρώτα το </ul>(  την υπολίστα) & μετά το </li>  ;




 

 

 

 

 

 

 

 

g_new.html

[dewn735]

On 26/04/2020 at 23:26, Stavros2345 said:

Σε ευχαριστώ για βοήθεια

Συγνώμη, να ρωτήσω κάτι.
Να τα βάλω σε εξωτερικό αρχείο τι εννοείς;
Στο κώδικα έχει μέσα και JavaScript;

Εάν ναι, έχεις  δίκιο και είναι και άχρηστο για την περίπτωση.g_new.html 2.54 kB · 0 downloads

Φαντάζομαι μιλάει για τη javascript, η οποία στη περίπτωσή σου δε κάνει απολύτως τίποτα και σε μπερδεύει

 

Μια απορία μόνο , όταν ενσωματώνουμε μια λίστα μέσα σε μιά άλλη λίστα.
Κλείνουμε πρώτα το </ul>(  την υπολίστα) & μετά το </li>

Όλα κλείνουν με την αντίθετη σειρά που τα άνοιξες. Επομένως:

<ul>
  <li>1</li>
  <li>2</li>
  <li>
    <ul>
      <li>3.1</li>
      <li>3.2</li>
      <li>
        <ul>
          <li>3.3.1</li>
          <li>3.3.2</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

 

[Stavros2345]

Σε ευχαριστώ,
Η επεξήγηση και το   παράδειγμα είναι  κατατοπιστικά.

 

 

 

 

 

 

 

 

 

 

Επεξ/σία 28 Απριλίου 2020 από Stavros2345