3 divs μεσα σε 1 div

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
matrixxakos
Δημοσιεύσεις: 95
Εγγραφή: 27 Φεβ 2011 07:54

3 divs μεσα σε 1 div

Δημοσίευση από matrixxakos » 27 Μάιος 2011 00:33

για σας εκανα ενα div. αυτο εδω.

Εικόνα

kαι ο code

Κώδικας: Επιλογή όλων

#news2 { 
background-image:url(nea1.jpg);
width:628px;
height:228px;
margin-top:30px;
margin-left:1px;
θελω να βαλω 3 div μεσα σε αυτο το div. για να τα στοιχίσω μου βγαζει ψυχη με αποτελεσμα να φενοντε σωστα στον browser αλλά έχουν λαθοι που φενοντε στο dreamweaver. look

Εικόνα

Κώδικας: Επιλογή όλων

#news2 { 
background-image:url(nea1.jpg);
width:628px;
height:228px;
margin-top:30px;
margin-left:1px;


}

#newsmesa1 { 
width:190px;
height:229px;
padding-top:-200px;

}


#newsmesa2 { 
float:right;
width:208px;
height:229px;
margin-top:-230px;
margin-right:220px;


}


#newsmesa3 { 
float:right;
width:208px;
height:229px;
margin-left:420px;
margin-top:-230px;



}

τα newsmesa1,2,3 ειναι αυτα που εβαλα μεσα στο news2. και οταν παω να βαλω μια φοτο σε ενα απο αυτα τα 3 div πραγματικα μπενει οπου να ναι. Help me plz....

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

3 divs μεσα σε 1 div

Δημοσίευση από dimsis » 27 Μάιος 2011 00:52

Βάλτα και τα 3 float:left τα 2 πρώτα με μικρό δεξιό margin όσο είναι τα διαχωριστικά σου.
Επίσης φόρτωσε ή ενσωμάτωσε ένα reset css πριν από όλα τα άλλα.

matrixxakos
Δημοσιεύσεις: 95
Εγγραφή: 27 Φεβ 2011 07:54

3 divs μεσα σε 1 div

Δημοσίευση από matrixxakos » 27 Μάιος 2011 01:21

αυτο το reset κανει ρεσετ τα παντα? δλδ θα χασω και τα body?

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

3 divs μεσα σε 1 div

Δημοσίευση από dimsis » 27 Μάιος 2011 01:36

Δεν θα χάσεις τίποτε. Καλό είναι να ξεκινάς και να χτίζεις πάντα αφού φορτώσεις το reset σου, ώστε να γλιτώνεις μετέπειτα προσαρμογές και διορθώσεις για κάθε browser ξεχωριστά.

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες