Τα πάντα για την HTML

...του ubuntu και έργων ΕΛ/ΛΑΚ (Έργα-Οδηγοί-Προτάσεις)

Συντονιστής: konnn

Τα πάντα για την HTML

Δημοσίευσηαπό clepto » 06 Ιουν 2011, 17:47

Ανοίγω αυτό το θέμα για να έχουμε κάπου να πούμε και τις απορίες/προβλήματα/λύσεις μας σε σχέση με την HTML... :)

αρχίζω εγώ, μπορεί κάποιος να μου δώσει ένα παράδειγμα με την ROWSPAN για την κατασκευή πολλών κελιών;
1 Γνώσεις Linux: Ικανοποιητικό ┃ Προγραμματισμού: Ικανοποιητικό ┃ Αγγλικών: Ικανοποιητικό
2 Ubuntu 13.04 raring 3.8.0-30-generic 64bit (en_US.UTF-8, Unity ubuntu), Ubuntu 3.8.0-19-generic, Windows 7
3 Intel Core i7-3537U CPU @ 2.00GHz ‖ RAM 3840 MiB ‖ ASUS K56CB
4 Intel 3rd Gen Core processor Graphics Controller [8086:0166] {i915}
5 wlan0: Atheros Inc. AR9485 Wireless Network Adapter [168c:0032] (rev 01) ⋮ eth0: Realtek RTL8111/8168 PCI Express Gigabit Ethernet controller [10ec:8168] (rev 0a)
clepto
antiwinTUX
antiwinTUX
 
Δημοσιεύσεις: 4102
Εγγραφή: 07 Ιαν 2010, 16:27
Τοποθεσία: Πάτρα
Launchpad: christriant
IRC: Clepto
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό konnn » 06 Ιουν 2011, 18:11

Κώδικας: Επιλογή όλων
<TABLE BORDER=2 CELLPADDING=4>
<TR>
<TH ROWSPAN=3 BGCOLOR="#99CCFF">Production</TH>
<TD>Raha Mutisya</TD> <TD>1493</TD>
</TR>
<TR>
<TD>Shalom Buraka</TD> <TD>3829</TD>
</TR>
<TR>
<TD>Brandy Davis</TD> <TD>0283</TD>
</TR>
<TR>
<TH ROWSPAN=3 BGCOLOR="#99CCFF">Sales</TH>
<TD>Claire Horne</TD> <TD>4827</TD>
</TR>
<TR>
<TD>Bruce Eckel</TD> <TD>7246</TD>
</TR>
<TR>
<TD>Danny Zeman</TD> <TD>5689</TD>
</TR>
</TABLE>
,το οποίο το βρήκα εδώ http://www.htmlcodetutorial.com/tables/ ... pp_30.html
1 Linux: Μέτριος ┃ Προγραμματισμός: Μέτριος ┃ Αγγλικά: Προχωρημένος
2 Desktop : Ubuntu 16.04 64bit
a Intel Core i3 CPU 530 2.93GHz ‖ RAM 3824 MiB ‖ Intel DH55HC -
b nVidia Device [10de:1040] (rev a1)
c eth0: Intel 82578DC Gigabit Network Connection
3 Notebook : Ubuntu 16.04 64 bit
a Intel Core i3-2365M CPU @ 1.40GHz ‖ RAM 3854 MiB ‖ LENOVO 20197
b Intel 2nd Generation Core Processor Family Integrated Graphics Controller
c 5 wlan0: Intel Centrino Wireless-N 2230 ⋮ eth0: Realtek RTL8101E/RTL8102E

Αυτόματη υπογραφή.
Άβαταρ μέλους
konnn
Συντονιστής
Συντονιστής
 
Δημοσιεύσεις: 3568
Εγγραφή: 12 Ιούλ 2010, 17:54
Τοποθεσία: Καλαμάτα
Launchpad: konnn
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό clepto » 06 Ιουν 2011, 18:16

ευχαριστώ πολύ konnn
1 Γνώσεις Linux: Ικανοποιητικό ┃ Προγραμματισμού: Ικανοποιητικό ┃ Αγγλικών: Ικανοποιητικό
2 Ubuntu 13.04 raring 3.8.0-30-generic 64bit (en_US.UTF-8, Unity ubuntu), Ubuntu 3.8.0-19-generic, Windows 7
3 Intel Core i7-3537U CPU @ 2.00GHz ‖ RAM 3840 MiB ‖ ASUS K56CB
4 Intel 3rd Gen Core processor Graphics Controller [8086:0166] {i915}
5 wlan0: Atheros Inc. AR9485 Wireless Network Adapter [168c:0032] (rev 01) ⋮ eth0: Realtek RTL8111/8168 PCI Express Gigabit Ethernet controller [10ec:8168] (rev 0a)
clepto
antiwinTUX
antiwinTUX
 
Δημοσιεύσεις: 4102
Εγγραφή: 07 Ιαν 2010, 16:27
Τοποθεσία: Πάτρα
Launchpad: christriant
IRC: Clepto
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό stamatiou » 02 Σεπ 2011, 01:12

Παιδιά, τι κάνει το col,colspan, το label στα forms;Επίσης γιατί να χρησιμοποιούμε το fieldset και το legend; Σε τι οφελεί το optgroup;
stamatiou
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 947
Εγγραφή: 25 Ιουν 2010, 20:23
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό Ilias95 » 02 Σεπ 2011, 03:08

stamatiou έγραψε:Παιδιά, τι κάνει το col,colspan, το label στα forms;Επίσης γιατί να χρησιμοποιούμε το fieldset και το legend; Σε τι οφελεί το optgroup;

Ένα πάρα πολύ καλό και αναλυτικότατο tutorial για Xhtml/Css είναι αυτό: http://htmldog.com/
Κοίτα στα κατάλληλα κεφάλαια. Για τις forms λέει στο Begginer και στο Advanced για τα tables στο Begginer και στο Intermediate.
Επίσης αν δεις στο Html Tags και Css Properties μπορείς να ψάξεις για οτιδήποτε.
Ilias95
saintTUX
saintTUX
 
Δημοσιεύσεις: 1548
Εγγραφή: 29 Απρ 2011, 23:26
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό stamatiou » 02 Σεπ 2011, 12:50

Ilias95 έγραψε:
stamatiou έγραψε:Παιδιά, τι κάνει το col,colspan, το label στα forms;Επίσης γιατί να χρησιμοποιούμε το fieldset και το legend; Σε τι οφελεί το optgroup;

Ένα πάρα πολύ καλό και αναλυτικότατο tutorial για Xhtml/Css είναι αυτό: http://htmldog.com/
Κοίτα στα κατάλληλα κεφάλαια. Για τις forms λέει στο Begginer και στο Advanced για τα tables στο Begginer και στο Intermediate.
Επίσης αν δεις στο Html Tags και Css Properties μπορείς να ψάξεις για οτιδήποτε.

Ναι αλλά τα labels,fieldset,legend δεν τα αναλύει καθόλου, δεν λέει τι κάνουν...
Edit: Τελικά τα κατάλαβα από το reference του w3schools.... :D
stamatiou
daemonTUX
daemonTUX
 
Δημοσιεύσεις: 947
Εγγραφή: 25 Ιουν 2010, 20:23
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό Ilias95 » 02 Σεπ 2011, 12:56

Αυτά που λες πάντως αναφέρονται στο Html Intermediate: Accessible Forms
Δίνει και παραδείγματα...
Ilias95
saintTUX
saintTUX
 
Δημοσιεύσεις: 1548
Εγγραφή: 29 Απρ 2011, 23:26
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό Georak » 14 Ιαν 2012, 22:38

Καλησπερα!
Μολις αρχισα να μαθαινω html! Φτιαχνω μια ιστοσελιδα και θελω να βαλω ενα iframe το οποιο να γινεται ορατο και μη ορατο με το πατημα ενοσ κουμπιου!
Ο κωδικας που χρησιμοποιω ειναι ο εξης:

Κώδικας: Επιλογή όλων
<div align="right" style="display:none;" id="test" name="test">
<iframe src="http://wwwwhatever.com/stuff/something.pdf" frameborder="no" scrolling="no" allowTransparency="true" name="test" style="WIDTH: 12%; HEIGHT: 700px; TEXT-ALIGN: center" id ="test">
<div class="style5"></div></iframe>
</div>

<div align="right">
<button onclick="var id = document.getElementById('test'); if(id.style.display == 'block'){ id.style.display = 'none'; id.style.visibility = 'hidden';} else{ id.style.display = 'block'; id.style.visibility = 'visible';}" ><<</button>
</div>


Ο κωδικας κανει ακρβως αυτο που θελω!
Εχω ομως ενα προβλημα,καθε φορα που γινεται ορατο το iframe μου χαλαει την διαταξη ολης της σελιδας!
Πως μπορω να κανω το iframe να περναει πανω απο την υπολοιπη σελιδα?? Δηλαδη πανω απο τις εικονες κτλπ!
(Δειτε για παραδειγμα εδω ( http://www.rythmosfm.gr/ ) θελω να κανει ακριβως οτι και το Full Menu!!
Τελευταία επεξεργασία από clepto και 14 Ιαν 2012, 22:40, έχει επεξεργασθεί 1 φορά/ες συνολικά
Αιτία: προσθηκη bbcode
Georak
babeTUX
babeTUX
 
Δημοσιεύσεις: 3
Εγγραφή: 14 Ιαν 2012, 22:22
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό parenthesis » 14 Ιαν 2012, 22:55

Georak έγραψε:Καλησπερα!
Μολις αρχισα να μαθαινω html! Φτιαχνω μια ιστοσελιδα και θελω να βαλω ενα iframe το οποιο να γινεται ορατο και μη ορατο με το πατημα ενοσ κουμπιου!
Ο κωδικας που χρησιμοποιω ειναι ο εξης:

Κώδικας: Επιλογή όλων
<div align="right" style="display:none;" id="test" name="test">
<iframe src="http://wwwwhatever.com/stuff/something.pdf" frameborder="no" scrolling="no" allowTransparency="true" name="test" style="WIDTH: 12%; HEIGHT: 700px; TEXT-ALIGN: center" id ="test">
<div class="style5"></div></iframe>
</div>

<div align="right">
<button onclick="var id = document.getElementById('test'); if(id.style.display == 'block'){ id.style.display = 'none'; id.style.visibility = 'hidden';} else{ id.style.display = 'block'; id.style.visibility = 'visible';}" ><<</button>
</div>


Ο κωδικας κανει ακρβως αυτο που θελω!
Εχω ομως ενα προβλημα,καθε φορα που γινεται ορατο το iframe μου χαλαει την διαταξη ολης της σελιδας!
Πως μπορω να κανω το iframe να περναει πανω απο την υπολοιπη σελιδα?? Δηλαδη πανω απο τις εικονες κτλπ!
(Δειτε για παραδειγμα εδω ( http://www.rythmosfm.gr/ ) θελω να κανει ακριβως οτι και το Full Menu!!


Για δοκίμασε αυτό που προτείνει εδώ (στην παράγραφο "Overlapping Elements") δηλαδή να πειράξεις το z-index.
1 Γνώσεις Linux: Πρώτα βήματα ┃ Προγραμματισμού: Ικανοποιητικό ┃ Αγγλικών: Πολύ καλό
2 Dual boot:
  • Ubuntu 13.04 raring 3.8.0-34-generic 64bit (el_GR.UTF-8, Unity ubuntu), Ubuntu 3.8.0-19-generic
  • Fedora 19 Schrödinger’s Cat 3.13.5-101.fc19.x86_64 64bit (el_GR.utf8, gnome)
3 Intel Core i5-3337U CPU @ 1.80GHz ‖ RAM 3844 MiB ‖ TOSHIBA VCUAA - TOSHIBA SATELLITE U940
4 Intel 3rd Gen Core processor Graphics Controller [8086:0166] {i915}
5 eth0: Realtek RTL8101E/RTL8102E Ethernet [10ec:8136] (rev 05) ⋮ wlan0: Intel Centrino Wireless-N 2230 [8086:0887] (rev c4)
Άβαταρ μέλους
parenthesis
punkTUX
punkTUX
 
Δημοσιεύσεις: 150
Εγγραφή: 06 Οκτ 2009, 22:47
Launchpad: mara_sdr
Εκτύπωση

Re: Τα πάντα για την HTML

Δημοσίευσηαπό Georak » 14 Ιαν 2012, 23:14

Που πρεπει να το πειραξω? Μεσα στο Iframe η μεσα στο style γιατι δοκιμασα και τα δυο και δεν λειτουργει!! Πρεπει να το βαζω σε λαθος σημειο!
Κώδικας: Επιλογή όλων
<style>
#test{
z-index:1;
}
</style>


εκανα αυτο αλλα τιποτα!!
Τελευταία επεξεργασία από clepto και 14 Ιαν 2012, 23:25, έχει επεξεργασθεί 1 φορά/ες συνολικά
Αιτία: προσθηκη bbcode
Georak
babeTUX
babeTUX
 
Δημοσιεύσεις: 3
Εγγραφή: 14 Ιαν 2012, 22:22
Εκτύπωση

Επόμενο

Επιστροφή στο Ανάπτυξη Λογισμικού / Αλγόριθμοι

cron