Βοήθεια για drop-down menu

[elvizakos]

Στις 25/9/2019 στις 12:04 ΜΜ, Stavros2345 είπε

Ισχύει ότι έχεις ότι έχεις να κάνει με την κατάσταση του στοιχείου το position & ότι συνδυάζεται με το display;  

Και ναι και όχι. Υπάρχουν μπόλικες τιμές για την ιδιότητα display γι'αυτό θα αναφερθώ μόνο σε τρεις (για περισσότερα δες εδώ κι εδώ) :

• inline - το στοιχείο και τα περιεχόμενα του ακολουθούν τη ροή του κειμένου. Στην ουσία το χρησιμοποιείς για να μορφοποιήσεις κείμενο. (χρησιμοποίησε κάτι που έχει ήδη αυτή την τιμή όπως π.χ. <span>, <b> ( περισσότερα )
• block - Το στοιχείο θα πάρει το μέγιστο πλάτος αν δεν έχει οριστεί. Το ύψος του καθορίζεται, αν δεν έχει οριστεί, από τα περιεχόμενά του. Χρησιμοποίησε αυτή την ιδιότητα αν θες να τοποθετήσεις το στοιχείο με position absolute, relative ή fixed.
• inline-block - το στοιχείο τοποθετείτε στη ροή του κειμένου αλλά διατηρεί το σχήμα και τις διαστάσεις του και τα περιεχόμενά του εμφανίζονται όπως και τα περιεχόμενα σε ένα στοιχείο με display:block.

Στις 25/9/2019 στις 12:04 ΜΜ, Stavros2345 είπε

Διόρθωσε με εάν κάνω λάθος , απλά νομίζω ότι για αυτό έβαλες display:block αντί για display:inline-block

Δες τι γράφω για display πιο πάνω.

 

Στις 25/9/2019 στις 12:04 ΜΜ, Stavros2345 είπε

σημαίνει  σε κάθε στοιχείο a όταν περάσεις το ποντίκι πάνω από το υπομενού τότε να εμφανιστεί με κόκκινο φόντο το a;

Ναι. Διάβασε γενικά για selectors όπως σου λέω και πιο πάνω. Στους selectors το τελευταίο στοιχείο θα πάρει τις ιδιότητες που δίνεις.

 

Στις 25/9/2019 στις 12:04 ΜΜ, Stavros2345 είπε

για το  .social_icons{
float:right;
 overflow:hidden;
}

Το γράφω έτσι γιατί με αυτό τον τρόπο μπορείς να βάλεις ότι θέλεις μέσα στο .text και το οποίο θα πάει αριστερά και μπορείς να προσθέσεις όσα .social-icon θες και τα οποία θα πάνε δεξιά αλλά με τη σειρά που τα έχεις βάλει. Όπως σου είπα, το margin θα πρέπει να το χρησιμοποιείς μόνο για τα περιθώρια που θες να δώσεις στο στοιχείο σε σχέση με τα άλλα στοιχεία γύρο του.

Σε σχέση με τους επεξεργαστές κειμένου: Είδα λίγο τον ultra edit αλλά απ'ότι βλέπω πρέπει να πληρώσεις για να έχεις υποστήριξη σε διάφορες γλώσσες και επιπλέων χαρακτηριστικά (πέρα από το απλό κείμενο). Αυτό θα σε κρατήσει πίσω πιστεύω. Θα σου πρότεινα έναν από τους παρακάτω

• sublime text
• atom
• vscode ή vscodium
• notepad++

Σε κανένα από αυτούς δεν έχω ιδιαίτερη εμπειρία αλλά το ότι έχουν πολύ μεγάλο αριθμό από πρόσθετα ελεύθερα διαθέσιμα και ότι έχουν ανοιχτό το api τους για να το χρησιμοποιήσεις και να φτιάξεις ίσως τα δικά σου πρόσθετα, είναι αρκετά σημαντικό κριτήριο. Ειδικά όταν θες να μάθεις αλλά δεν ξέρεις τι ακριβώς χρειάζεσαι, το να πρέπει να πληρώσεις για κάθε χαρακτηριστικό του editor σου, σε κρατάει πίσω.

Και κάτι που νομίζω ξέχασα να σου πω: Στα developer tools, στο CSS,  δεν βλέπεις μόνο τις ιδιότητες που δηλώνονται για κάθε στοιχείο, αλλά και αυτές που κληρονομεί. Στο παράδειγμα που δίνεις, βλέπεις την ιδιότητα που κληρονόμησε το h3 από το body.