Plateforme Level Extreme
Abonnement
Profil corporatif
Produits & Services
Support
Légal
English
Trying to get same look across browsers
Message
De
10/06/2013 22:38:22
 
 
À
10/06/2013 19:05:33
Information générale
Forum:
HTML5
Catégorie:
Dépannage
Divers
Thread ID:
01575927
Message ID:
01575972
Vues:
42
Yes, those little things for the casing would have been adjusted when time permits but for the testing phase, this was not a factor. IAC, here is the version you were looking for:
<!DOCTYPE html>

<html>

<body> 

<style>
input
{
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

input[type="text"]
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
   border: 1px solid #CCCCCC;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 2px;
   padding-right: 2px;
   margin-top: 1px;
   margin-bottom: 0px;
   height: 21px;
}

select
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   border: 1px solid #CCCCCC;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   height: 21px;
   margin-top: 1px;
   margin-bottom: 0px;
}

table
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

td.Label
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
   color: #555555;
   text-align: right;
   height: 19px;
   border: 1px solid #FFFFFF;
}
</style>

<table cellspacing="0" cellpadding="0">

<tr>
<td class="Label">First name:</td>
<td>Michel</td>
</tr>

<tr>
<td class="Label">Last name:</td>
<td>Fournier</td>
</tr>

<tr>
<td class="Label">Company:</td>
<td>Level Extreme Inc.</td>
</tr>

<tr>
<td class="Label">Country:</td>
<td>Canada</td>
</tr>

<tr>
<td class="Label">Color:</td>
<td><select style="width: 300px;"><option>Black</option></select></td>
</tr>

<tr>
<td class="Label">City:</td>
<td><select style="width: 300px;"><option>Blue</option></select></td>
</tr>

<tr>
<td class="Label">Choice:</td>
<td><select style="width: 300px;"><option>Orange</option></select></td>
</tr>

<tr>
<td class="Label">Survey:</td>
<td><select style="width: 300px;"><option>White</option></select></td>
</tr>

<tr>
<td class="Label">Telephone:</td>
<td><input type=text value="Test" style="width: 300px;"></td>
</tr>

<tr>
<td class="Label">Telephone 2:</td>
<td><input type=text value="Test 2" style="width: 300px;"></td>
</tr>

<tr>
<td class="Label">Telephone 3:</td>
<td><input type=text value="Test 3" style="width: 300px;"></td>
</tr>

<tr>
<td class="Label">Telephone 4:</td>
<td><input type=text value="Test 4" style="width: 300px;"></td>
</tr>

</table>

</body>

</html>
If you find something else that could be improved in regards to the original question of this thread, that would be appreciated.

However, Rick provided a very detailed reply which seems to describe the overview of the situation and its limits.
Michel Fournier
Level Extreme Inc.
Designer, architect, owner of the Level Extreme Platform
Subscribe to the site at https://www.levelextreme.com/Home/DataEntry?Activator=55&NoStore=303
Subscription benefits https://www.levelextreme.com/Home/ViewPage?Activator=7&ID=52
Précédent
Suivant
Répondre
Fil
Voir

Click here to load this message in the networking platform