Πρόβλημα με με ul li a και font-size

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

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

Απάντηση
g_p
Δημοσιεύσεις: 134
Εγγραφή: 28 Μάιος 2010 12:43

Πρόβλημα με με ul li a και font-size

Δημοσίευση από g_p » 22 Οκτ 2010 13:43

παιδια γεια σας, εχω δημιουργήσει μία λίστα ul,
κάθε li της λίστας περιέχει και ένα link,
ο κώδικας είναι παρακάτω

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

<style type="text/css">

#my_ul&#123;
		list-style-type&#58;none;
&#125;

#my_ul li&#123;
		display&#58;inline;
&#125;

#my_ul li a&#123;
		float&#58; left;
		margin-right&#58;0px;
		text-decoration&#58;none;
		border&#58;1px solid blue;
		padding-left&#58;10px;
		padding-right&#58;10px;
		font-family&#58;Verdana;
&#125;
</style>


<body>
         <ul id="my_ul">
		<li><a href="#" style="color&#58;red;font-family&#58;Verdana;font-size&#58;14px">αρχική</a></li>
		<li><a href="#" style="font-size&#58;11px">site map</a></li>
		<li><a href="#">contact</a></li>	
	</ul>

</body>

Έχω θέμα με το font-size των δυο πρώτων li,
άμα το τρέξετε θα δείτε ότι το li με το "site-map" φαίνεται να είναι πιο πάνω από το αρχικη και το contact,εννοώ οι χαρακτήρες μετατοπίζονται προς τα πάνω,
πως θα μπορούσα να το διορθώσω αυτό??

ευχαριστω

Άβαταρ μέλους
Nemesis_Elite
Δημοσιεύσεις: 348
Εγγραφή: 14 Μαρ 2009 22:51
Τοποθεσία: athens

Πρόβλημα με με ul li a και font-size

Δημοσίευση από Nemesis_Elite » 22 Οκτ 2010 16:57

λογικό δεν είναι αφού βάζεις πλαίσιο σε li τα οποία δεν έχουν όλα το ίδιο font size... γιαυτό βγαίνει αλλο πιο μικρο άλλο πιο μεγάλο. μη βάζεις πλαίσια σε li και bruce li. βάλε τα γραφικά σου σε divs και μεσα σε αυτά βάλε τα bruce li ή τα bruce uli. :D

δουλεψε με divs, καλύτερα και μεσα σαυτά βάλε τα ul.

ή

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

<style type="text/css">

#my_ul&#123; list-style-type&#58;none; &#125;

#my_ul li&#123; display&#58;inline; &#125;

#my_ul li a&#123; float&#58; left; margin-right&#58;0px; text-decoration&#58;none; border&#58;1px solid blue; padding-left&#58;10px; padding-right&#58;10px; font-family&#58;Verdana;
&#125;
</style>
<body>
      <ul id="my_ul">
      <li><a href="#" style="color&#58;red;font-family&#58;Verdana">αρχική</a></li>
      <li><a href="#">site map</a></li>
      <li><a href="#">contact</a></li>   
   </ul>
</body> 

g_p
Δημοσιεύσεις: 134
Εγγραφή: 28 Μάιος 2010 12:43

Πρόβλημα με με ul li a και font-size

Δημοσίευση από g_p » 22 Οκτ 2010 19:31

ευχαριστώ για την απάντηση,
βάλε τα γραφικά σου σε divs και μεσα σε αυτά βάλε τα bruce li ή τα bruce uli.
1. δηλαδή πώς θα μπορούσε να υλοποιηθεί αυτό?
δεν το καταλαβαίνω αυτό που μου λες

ευχαριστώ για τον κώδικα, έχεις βγάλει το font-size και τα βγαζει όλα στο ίδιο μέγεθος,

ένας τρόπος που σκέφτηκα να το υλοποιήσω είναι να χρησιμοποιήσω padding-top στα li με μικρότερο font-size,
δηλαδή

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

<style type="text/css">

#my_ul&#123; list-style-type&#58;none; &#125;

#my_ul li&#123; display&#58;inline; &#125;

#my_ul li a&#123; float&#58; left; margin-right&#58;0px; text-decoration&#58;none; border&#58;1px solid blue; padding-left&#58;10px; padding-right&#58;10px; font-family&#58;Verdana;
&#125;
</style>
<body>
      <ul id="my_ul">
      <li><a href="#" style="color&#58;red;font-size&#58;14px;font-family&#58;Verdana">αρχική</a></li>
      <li><a href="#" style="font-size&#58;11px;padding-top&#58;3px;">site map</a></li>
      <li><a href="#" style="font-size&#58;11px;padding-top&#58;3px;">contact</a></li>   
   </ul>
</body> 

2. είναι σωστός ο τρόπος αυτός??


ευχαριστώ

Άβαταρ μέλους
dervisis
Δημοσιεύσεις: 44
Εγγραφή: 25 Αύγ 2006 22:15
Τοποθεσία: *.*
Επικοινωνία:

Πρόβλημα με με ul li a και font-size

Δημοσίευση από dervisis » 23 Οκτ 2010 02:44

Χρησιμοποίησε Line-height:11px
Αν κατάλαβα καλά αυτό θέλεις να κάνεις:

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

<style type="text/css">

#my_ul&#123; list-style-type&#58;none; &#125;

#my_ul li&#123; display&#58;inline;&#125;

#my_ul li a&#123; float&#58; left; margin-right&#58;0px; line-height&#58;11px;text-decoration&#58;none; border&#58;1px solid blue; padding&#58;10px; font-family&#58;Verdana;&#125;

.big&#123;color&#58;red;font-size&#58;14px;font-family&#58;Verdana;&#125;

</style>
</head>
<body>
	  <ul id="my_ul">
	  <li><a class="big" href="#">αρχική</a></li>
	  <li><a href="#" style="font-size&#58;11px;">site map</a></li>
	  <li><a href="#" style="font-size&#58;11px;">contact</a></li>   
   </ul>
</body> 

sibas
Honorary Member
Δημοσιεύσεις: 1853
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

Πρόβλημα με με ul li a και font-size

Δημοσίευση από sibas » 23 Οκτ 2010 08:29

εντάξει δεν είμαι και στα πολύ καλά μου σήμερα αλλά τι στο καλό θέλετε τα inline styles?
δεν σας βολεύουν τα css? :P

g_p
Δημοσιεύσεις: 134
Εγγραφή: 28 Μάιος 2010 12:43

Πρόβλημα με με ul li a και font-size

Δημοσίευση από g_p » 23 Οκτ 2010 13:46

ευχαριστώ για το κώδικα με το line-height,
δεν ήξερα ότι το line-height μπορούσε να χρησιμοποιηθεί με αυτόν τον τρόπο

ευχαριστώ

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

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

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