html, submit σε button

[NiKoS WSN]

Παιδιά θέλω να φτιάξω ένα κουμπάκι τύπου submit και να είναι πάνω σε εικόνα μπορεί κάποιος να μου πει τον βασικό κώδικα γιατί δεν καταλαβαίνω...

[macabre_sunsets]

><div class="pisw"><button ..../></div>

Και στο CSS

>.pisw { background-image: url(...); }

[NiKoS WSN]

><div class="pisw"><button ..../></div>

Και στο CSS

>.pisw { background-image: url(...); }

 

 

Επειδή δεν κατάλαβα στο πρώτο άμα η εικόνα έχει όνομα cbtn.jpg πως θα είναι

[derasto]

Θα εχει url το μονοπατι για την cbtn.jpg

[NiKoS WSN]

ωχχχ εσείς λέτε κάτι περίεργο ή εγώ απλά δεν καταλαβαίνω;

[parsifal]

Γιατί περίεργο; Στη 2η σειρά κώδικα που σου παρέθεσε ο φίλος macabre_sunsets, εκεί που γράφει:

>url(...)

 

εσύ θα αντικαταστήσεις τις 3 τελείες με το αρχείο εικόνας που θέλεις. Αν η εικόνα έχει όνομα "cbtn.jpg", τότε:

>url(cbtn.jpg)

 

Αν το αρχείο εικόνας δε βρίσκεται στο ριζικό κατάλογο του site, αλλά σε υποκατάλογο με όνομα π.χ. "images", τότε:

>url(images/cbtn.jpg)

 

και ούτω καθεξής...

[NiKoS WSN]

Γιατί περίεργο; Στη 2η σειρά κώδικα που σου παρέθεσε ο φίλος macabre_sunsets, εκεί που γράφει:

>url(...)

 

εσύ θα αντικαταστήσεις τις 3 τελείες με το αρχείο εικόνας που θέλεις. Αν η εικόνα έχει όνομα "cbtn.jpg", τότε:

>url(cbtn.jpg)

 

Αν το αρχείο εικόνας δε βρίσκεται στο ριζικό κατάλογο του site, αλλά σε υποκατάλογο με όνομα π.χ. "images", τότε:

>url(images/cbtn.jpg)

 

και ούτω καθεξής...

 

σε html;

[parsifal]

σε html;

Βλέπε την 1η σειρά κώδικα που σου παρέθεσε ο macabre_sunsets...

[derasto]

εχεις μια .html σελιδα οπου εκει βρισκεται ο κωδικας σου για το κουμπι.Δηλαδη το πρωτο που γραφει ο macabre.

Μετα πας στο stylesheet σου(το css δηλαδη).

Και βαζεις το δευτερο που ειπε ο macabre μονο που στην παρανθεση μετα το url θα βαλεις το μονοπατι που βρισκεται η εικονα σου.

[NiKoS WSN]

Παιδιά έχω αρχίσει να ανησυχώ είμαστε σίγουροι ότι μιλάμε για το ίδιο; θέλω ένα κουμπί Submit αλλά αντί για την κλασική μορφή να βάλω μία εικόνα... γιατί δεν μπορώ να το φτιάξω;;;;

 

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

 

μετά από ψάξιμο στον γουογλη βρήκα αυτό

><a href="javascript:document.myform.submit()" 
onmouseover="document.myform.sub_but.src='butdown.gif'" 
onmouseout="document.myform.sub_but.src='butup.gif'" 
onclick="return val_form_this_page()">

<img src="cbtn.jpg" border="0" alt="Submit this form" 
name="sub_but" />

</a>

 

εγώ τώρα που θέλω να προσθέσω action="mailto:[email protected]" p

[parsifal]

Παιδιά έχω αρχίσει να ανησυχώ είμαστε σίγουροι ότι μιλάμε για το ίδιο;

Εμμμ, τελικά δε μιλάμε για το ίδιο, γιατί μία είσαι «έτσι» και μία «γιουβέτσι». Στο αρχικό σου μήνυμα έγραψες:

 

θέλω να φτιάξω ένα κουμπάκι τύπου submit και να είναι πάνω σε εικόνα...

Αυτό σε απλά ελληνικά σημαίνει: «Μία εικόνα. Και από πάνω το κουμπί submit». Γι' αυτό το ερώτημα, σου δόθηκε απάντηση.

 

Τώρα τα γυρνάς και λες:

θέλω ένα κουμπί Submit αλλά αντί για την κλασική μορφή να βάλω μία εικόνα...

Αυτό σε απλά ελληνικά σημαίνει: «Μία εικόνα. Που να λειτουργεί συγχρόνως και ως κουμπί submit». Για να το κάνεις, δες εδώ ένα μικρό παραδειγματάκι που χρησιμοποιεί απευθείας input με τύπο/type image αντί για τύπο submit ή button. Και ο τρόπος με Javascript που παρέθεσες θα δουλέψει (από εδώ δεν το ξεσήκωσες το παράδειγμα; ) αλλά αφού μπορεί να γίνει απευθείας με HTML, δεν υπάρχει λόγος για JS.

[spartakoscs]

><input type="image" name="submit" src="http://beststretchmarkremover.com/images/submit_button_large_red.jpg" border="0" />

 

αυτό δεν θες ?

[derasto]

Γιατι δεν κανεις την εικονα ενα απλο λινκ;

Με προλαβε ο απο πανω.

[NiKoS WSN]

Το έλυσα το θέμα, ευχαριστώ @parsifal με βοήθησες πολύ απορώ πως δεν το είδα στο w3schools μόνος μου, συγνώμη που έγινα κουραστικός και συγνώμη που έκανα λάθος σύνταξη στο αρχικό ερώτημα το θέμα απαντήθηκε