αποροια: Align Div to page

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

αποροια: Align Div to page

Δημοσίευση από pagou » 12 Ιούλ 2010 12:17

καλημερα,

εχω φτιαξει ενα σιτε ( πειραματιζομαι για να μαθω) αντι για table με div. ομως σκεφτηκα να το κανω align στο κεντρο της σελιδας. εαν ημουν σε table, θα επιανα το περιγραμμα που τα περικλείει ολα και το εκανα align to page και τελος.

τωρα ομως πως μπορω να κανω align τη σελιδα μου δεξια, αριστερα ή κεντρο, χωρις να χαλασει ο σχεδιασμος;

ευχαριστω

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

αποροια: Align Div to page

Δημοσίευση από korgr » 12 Ιούλ 2010 15:18

αν δωσεις στο div ενα margin: 0 auto; δεν κεντραρει?

pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

αποροια: Align Div to page

Δημοσίευση από pagou » 12 Ιούλ 2010 16:12

εεεμμ το εκανα, αλλα δεν βλεπω καποια αλλαγη, στη θεση του μενει

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:0;
top:0;
width:500px;
height:215px;
margin: 0 auto;
}
-->
</style>
</head>

<body>
<div id="apDiv1"></div>
</body>
</html>

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

αποροια: Align Div to page

Δημοσίευση από korgr » 12 Ιούλ 2010 16:23

αυτα τι τα θες?

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

position&#58;absolute; 
left&#58;0; 
top&#58;0;

pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

αποροια: Align Div to page

Δημοσίευση από pagou » 12 Ιούλ 2010 16:27

εεεμ δεν ανεφερα οτι ολο αυτο το κανω με ενα demo του dreamweaver. καταλαβα; εφυγα για παπασωτηριου να παρω κανα βιβλιο. thanks

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

αποροια: Align Div to page

Δημοσίευση από korgr » 12 Ιούλ 2010 18:27

Οπως καταλαβες αδερφε, του εδινες ταυτοχρονα δυο τελειως διαφορετικες εντολες:
Μεινε κολημενο στην αριστερη πανω γωνια του παραθυρου αλλα ταυτοχρονα ελα και στο κεντρο σε παρακαλω :wink:

pagou
Δημοσιεύσεις: 273
Εγγραφή: 07 Μάιος 2007 10:07

αποροια: Align Div to page

Δημοσίευση από pagou » 12 Ιούλ 2010 18:46

δεν το καταλαβα, το κεφαλι μου εσπαγα πως δουλευει αυτος ο κωδικας. :)

(visual editor που να προτεινεις αντι του dreamweaver;)

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

αποροια: Align Div to page

Δημοσίευση από Sermac » 12 Ιούλ 2010 18:52

Πρέπει αρχικά να κατανοήσεις βασικές έννοιες όπως inline-block levels, floating, positioning κ.α. Χωρίς αυτά δύσκολα θα καταλάβεις πως συμπεριφέρονται τα elements μέσα στο έγγραφο.

Αυτό θα σε βοηθήσει:
http://www.w3schools.com/css/default.asp
Εικόνα

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

αποροια: Align Div to page

Δημοσίευση από korgr » 12 Ιούλ 2010 19:08

pagou έγραψε:δεν το καταλαβα, το κεφαλι μου εσπαγα πως δουλευει αυτος ο κωδικας. :)

(visual editor που να προτεινεις αντι του dreamweaver;)
Το dreamweaver ειναι ο καλυτερος editor αρκει να τον δουλευεις κατα ...80% σε Code View lol

andreaskor
Δημοσιεύσεις: 199
Εγγραφή: 03 Μάιος 2007 14:28
Επικοινωνία:

αποροια: Align Div to page

Δημοσίευση από andreaskor » 23 Ιούλ 2010 21:30

Φίλε εγώ έχω βρέι τον καλύτερο editor Ever:P βάλε στον mozilla σου το plugin "firebug" και ανοιξε το, απο κάτω δεξιά και πάτα CSS και EDIT..
Γράψε ότι θες και θα τα βλέπεις όλα LIVE..
Κάνεις μετά ένα copy/paste τα πετάς στον κανονικό σου editor και έτοιμος..!!

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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