Devacron.com

Πως να βαλουμε δυο σε μια σειρα.

Οπως ισως θα γνωριζετε τα τελευταια χρονια οι περισσοτεροι σχεδιαστες ιστοσελιδων προτιμουν την χρηση div tags αντι του κλασικου table. Οι λογοι αρκετοι, ενδεικτικα αναφερω οτι τα tables ειναι λιγο πιο αργα αφου πρεπει να προστεθει ενα table body, τα div ειναι πιο φιλικα στο Search Engine Optimization καθως επισης και οτι ο κωδικας γινεται πιο ευαναγνωστος με την χρηση div.

Ενα κλασικο προβλημα που αντιμετωπιζουν οσοι ερχονται πρωτη φορα σε επαφη με τα div ειναι το πως θα βαλουν το ενα διπλα στο αλλο. Η λυση δεν ειναι τιποτε αλλο απο το να φτιαξουμε ενα wrapper και εκει μεσα να δημιουργησουμε 2 ή περισσοτερα div στοιχισμενα left. O παρακατω κωδικας ειναι αρκετα ευκολος οποτε δεν νομιζω να υπαρχει προβλημα στην κατανοηση. Εγω χρησιμοποιησα instyle css ,  εσεις αν θελετε μπορειτε να χρησιμοποιησετε ξεχωριστο αρχειο.

<div name="wrapper" style="overflow:hidden;">
<div style="float:left; width:200px;">float1</div>­ 
<div style="float:left; width:200px;">float2</div>­
</div>

 

Exit mobile version