δυσκολια με σχετικη τιμη em

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

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

Απάντηση
kat_sm
Δημοσιεύσεις: 27
Εγγραφή: 19 Σεπ 2009 00:25

δυσκολια με σχετικη τιμη em

Δημοσίευση από kat_sm » 21 Ιαν 2012 00:01

για τον εξης κωδικα xhtml :

<div id="calendar">
<h3>Calendar</h3>
<p class="dates">
July 1 - Roses <br />
June 30 - Girona <br />

June 26 - Tarragona <br />
June 25 - Valls <br />
June 23 - Barcelona
</p></div>

και με το εξης αρχειο css:

#calendar {background:#339;
color:white;
padding:5px;
margin-left:5px;
margin-top:7px;
font-size:.8em;
width:150px;
}

#calendar h3 {margin:0;color:white}

.dates {width:150px;height:2.5em;overflow:auto}

το font-size για το calentar υπολογιζεται ως 16px * 0.8=12.8px
και για την class dates μετα το height βγαινει απο το 12.8px * 2.5= 32px

το εχω καταλαβει σωστα ???? γιατι εχς ενα προβληματακι με το em....[/img]

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

δυσκολια με σχετικη τιμη em

Δημοσίευση από apsuh0s » 21 Ιαν 2012 00:14

Σωστά το κατάλαβες.. Με default font size του browser τα 16px και κανένα άλλο container να επηρεάζει το #calendar το height θα είναι 32px
.ninja { color: black; visibility: hidden !important; }

kat_sm
Δημοσιεύσεις: 27
Εγγραφή: 19 Σεπ 2009 00:25

δυσκολια με σχετικη τιμη em

Δημοσίευση από kat_sm » 21 Ιαν 2012 00:31

thanks :)

Απάντηση

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

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

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