CODEWITHSUNDEEP
htmlcsstamil
Rish
Rish

Reputation: 71

Tamil fonts mess up HTML element's alignment and design

Why the Tamil words are not aligning correctly as English words and why its change the default html element behavior?

For example I include the code sample below for your clarification and it is better to open it with firefox because it will clearly show the difference between the select boxes.

<body>
  <select>
    <option>June</option>
  </select>

  <select>
    <option>ஜூன்</option>
  </select>
</body>

It may be a small issue, but don't have a clear idea about this behavior.

I'll be so glad if someone explain me why this is happening and what should i do to solve this..?

screen-shot when open this in firefox. enter image description here

Upvotes: 3

Views: 1501

Answers (3)

Parthasarathy
Parthasarathy

Reputation: 318

English fonts are generated by ASCII codes and Tamil,kanada,malayalam etc are generated by the help of Unicode so it may take some extra spacing... using the css You can control the size of that dropbox.

Upvotes: 2

Gilko
Gilko

Reputation: 2397

<style>
select.extraPadding{
    padding-top: 10px;
    padding-bottom: 10px;
}
</style>

<select class="extraPadding">
   <option>June</option>
</select>

Upvotes: 0

Demeter Dimitri
Demeter Dimitri

Reputation: 618

It must take some extra space vertically because of the nature of the fonts. I would recommend using a general css to equalize the height of all dropdowns.

select{
    height:25px;
}

Upvotes: 0

Related Questions