Πρόβλημα με άσκηση στη δημιουργία πίνακα σε HTML5

kalhkardia

Νεοφερμένο μέλος

kalhkardia
Η kalhkardia αυτή τη στιγμή δεν είναι συνδεδεμένη. Είναι Φοιτήτρια. Έχει γράψει 41 μηνύματα.
Ημερομηνία
10-04-21
Ώρα
18:39
Καλησπέρα σε όλα τα μέλη του φόρουμ!! :)
Αντιμετωπιζω προβλημα σε με μια ασκηση πληροφορικής Α Λυκείου στην οποία ζητείται η δημιουργία του πινακα που επισυνάπτω παρακάτω σε κώδικα HTML 5 με τη χρήση των ιδιοτήτων colspan και rowspan.
Όπως βλέπετε, τα κελιά της πανω γραμμής με τους αριθμους 1 και 2 πρεπει να καταλαμβάνουν 1,5 κελιά απο αυτά της κατω γραμμής με τους αριθμους 3,4 και 5.
Το πρόβλημα είναι οτι μετά απο αναζήτησή σε διάφορα sites , βρηκα οτι δεν γίνεται να γράψουμε τιμή δεκαδικου αριθμού στην ιδιότητα colspan.
Ενδεχεται κάποιος με γνώσεις στη HTML 5 να μπορει να μου προτείνει καποιον πιθανό τροπο λύσης της άσκησης?
Μεχρι στιγμής έχω σκεφτεί τον εξής κώδικα (τον οποίο επίσης επισυναπτω παρακατω)
Ευχαριστω εκ των προτέρων!
 

Συνημμένα

  • C645337E-383A-4F56-830A-80233AC27D1F.jpeg
    C645337E-383A-4F56-830A-80233AC27D1F.jpeg
    86,3 KB · Εμφανίσεις: 735
  • 7C415EDB-5907-494E-8C47-63695CD20F45.jpeg
    7C415EDB-5907-494E-8C47-63695CD20F45.jpeg
    41,5 KB · Εμφανίσεις: 329
Ημερομηνία
11-04-21
Ώρα
17:10
@myrtilo26 το πάνω είναι colspan 2 και το κάτω colspan 3 :) Αν δε σου βγαίνει πες μου να σου κάνω τον κώδικα ;)
 
Ημερομηνία
11-04-21
Ώρα
17:41
απο ποτε κανουν html στην α λυκειου , εμεις θυμαμαι καναμε κατι σαπια app inventor
 
Ημερομηνία
11-04-21
Ώρα
18:39
Εμείς πάντως κάναμε HTML στην Α Λυκείου.
 
Ημερομηνία
11-04-21
Ώρα
19:26
Ημερομηνία
11-04-21
Ώρα
19:33
Αρχική Δημοσίευση από Scandal:
@myrtilo26 το πάνω είναι colspan 2 και το κάτω colspan 3 :) Αν δε σου βγαίνει πες μου να σου κάνω τον κώδικα ;)
Click για ανάπτυξη...
Λάθος, δεν βγαίνει έτσι!
Πωωω τι σκάλωμα :P
@tsiobieman καμιά ιδέα χωρίς να βάλουμε table μέσα σε table; :hmm:

Τελικά :)
HTML: 
<!DOCTYPE html>
<html>
<head>
    <title>ΠΙΝΑΚΑΣ ΜΕ ΑΡΙΘΜΟΥΣ</title>
</head>
<body>
    <table border="3">
        <tr>
            <td colspan="3">1</td>
            <td colspan="3">2</td>         
        </tr>
        <tr>
            <td colspan="2">3</td>
            <td colspan="2">4</td>
            <td colspan="2">5</td>
        </tr>         
    </table>
</body>
</html>
Δίνει:
111ο.png


Εμείς στο λύκειο μαθαίναμε πληκτρολόγηση και Word / Excel! Μας έδινε κείμενα να τα πληκτρολογούμε :lol:
 
Τελευταία επεξεργασία:
Ημερομηνία
11-04-21
Ώρα
19:48
Ημερομηνία
11-04-21
Ώρα
19:50
Ημερομηνία
11-04-21
Ώρα
19:51
Αρχική Δημοσίευση από asdfqwerty:
απο ποτε κανουν html στην α λυκειου , εμεις θυμαμαι καναμε κατι σαπια app inventor
Click για ανάπτυξη...
Κάναμε κι εμείς app inventor πριν ασχοληθούμε με την html
Αυτόματη ένωση συνεχόμενων μηνυμάτων:

Αρχική Δημοσίευση από Scandal:
Δες το post #6 που είναι η σωστή λύση. Η λύση του πρώτου μου post δεν ήταν σωστή (ήμουν από κινητό και απάντησα χωρίς να κάνω δοκιμές). :)
Click για ανάπτυξη...
Οκ θα το δοκιμάσω! Και πάλι ευχαριστώ πολύ
 
Ημερομηνία
11-04-21
Ώρα
20:16
Αρχική Δημοσίευση από Scandal:
Τελικά :)
Click για ανάπτυξη...
Δεν βγαίνει ακριβώς. Τι κελί του 1 είναι μεγαλύτερο από του 2.
prnt.sc

Screenshot

Captured with Lightshot
prnt.sc prnt.sc
Σκέφτηκα αυτό.
HTML: 
<!DOCTYPE html>
<html>
<body>
<table border="3">
  <tr style = "visibility:hidden;">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="3">1</td>
    <td colspan="3">2</td>
  </tr>
  <tr>
    <td colspan="2">3</td>
    <td colspan="2">4</td>
    <td colspan="2">5</td>
  </tr>
</table>

</body>
</html>
αλλά ούτε και αυτό βγαίνει ακριβώς.

1618161255550.png

Βγάζει περιθώριο πάνω. :(
 
Ημερομηνία
11-04-21
Ώρα
20:18
@akikos εγώ το έφτιαξα ως html αρχείο και το άνοιξα με firefox και έβγαλε σωστό αποτέλεσμα / όπως το θέλει η κοπέλα! :hmm:
Έβαλα και screen του τι μου δείχνει. Μήπως κάτι δεν πάει καλά με το online εργαλείο σου;
 
Ημερομηνία
11-04-21
Ώρα
20:26
Αρχική Δημοσίευση από Scandal:
@akikos εγώ το έφτιανα ως html αρχείο και το άνοιξα με firefox και έβγαλε σωστό αποτέλεσμα / όπως το θέλει η κοπέλα! :hmm:
Έβαλα και screen του τι μου δείχνει. Μήπως κάτι δεν πάει καλά με το online εργαλείο σου;
Click για ανάπτυξη...

Είναι θέμα του safari.

Όταν το έβαλα σε chrome με το ίδιο εργαλείο έβγαλε το σωστό αποτέλεσμα που έβγαλες εσύ :p.

To πρόβλημα μου είναι τώρα ότι προσπαθώ να βρώ μια compatibility για το safari και μου έχουν σπασει τα νεύρα :P
 
Ημερομηνία
18-04-21
Ώρα
08:57
Καλημέρα,
παρέδωσα τελικα την εργασια στον καθηγητή μου αφου συζήτησα πρωτα με τους συμμαθητές μου και μου είπαν οτι έγραψαν κι εκείνοι τον ιδιο ακριβως κώδικα (που έβγαζε ενα μικρο κενο). Στο σχολειο, ο καθηγητής μας ειπε οτι ειναι ικανοποιημένος με τη συγκεκριμένη λύση.
Και παλι, σας ευχαριστω πολυ ολους για τον χρονο σας! :thankuu:
 
Συνδεθείτε ή εγγραφείτε για να απαντήσετε εδώ.

Χρήστες Βρείτε παρόμοια

Back
Top