Css πρόβλημα

[Gio123]

Καλήμερα

 

Έχω την εξής εντολή: 

<img class="img1" src="yes.png" style="display:none" alt><span id="spanID1" style="display:none">Λάθος ΑΜ.</span><span class="tab"></span><input type="button" id="mybutton1" value="Διαγραφή"  style="cursor:pointer"/>

Πριν απ' όλα αυτά έχω ένα input type="number" όπου κάθε φορά που πληκτρολογώ κάνω κάποιους ελέγχους (JQuery), έτσι ώστε δίπλα από το input να εμφανίζεται το class="img1" ή το id="spanID1".  Αυτό που θέλω είναι κάποια εντολή σε css έτσι ώστε όταν εμφανίζεται ένα από τα προηγούμενα η απόσταση μεταξύ αυτού και του κουμπιού "Διαγραφή" να μένει σταθερή και όχι να 'παίζει' μία δεξιά ή αριστερά. Το class="tab" είναι η απόσταση που έχω αφήσει μεταξύ αυτών και του κουμπιού.

 

Ευχαριστώ.

[igor1]

Φίλε μου με το position:absolute πιστεύω να κάνεις την δουλειά σου.

Αν βέβαια κατάλαβα σωστά.

[Gio123]

Το έχω δοκιμάσει και αυτό αλλά πάλι δεν δουλεύει...

Για την ακρίβεια τα έκανα χειρότερα για κάποιο λόγο.

[libereas]

http://www.w3schools.com/cssref/css3_pr_overflow-y.asp

[0verc0me]

Το έχω δοκιμάσει και αυτό αλλά πάλι δεν δουλεύει...

Για την ακρίβεια τα έκανα χειρότερα για κάποιο λόγο.

 

βαλε position:relative στο parent element.

 

ή εν τελει δοκιμασε κατι σαν και αυτο http://jsfiddle.net/yakotL0q/ 

λιγο μπακαλιστικο αλλα την δουλεια σου την κανεις

[Gio123]

Ωραίο φίλε σε ευχαριστώ, αλλά αυτό γιατί δεν γίνεται;

Έχω δοκιμάσει τα πάντα αλλά τίποτα. Θέλω να τα βάλω με την σειρά. 

 

Αριθμός:<input>    Διαγραφή

 

http://jsfiddle.net/yakotL0q/39/

[0verc0me]

ξεχασεις να βαλεις το / εκει που κλεινεις το span

<span id="number">Αριθμός:</span>

τελος, μετα απο ολα αυτα βαλε και:

<div style="clear:both"></div>

γιατι πιθανον να χαλασει το layout μετα λογω των floats.

[Gio123]

 Σε ευχαριστώ πολύ.