-1 |
|
ik heb een raar probleempje dat natuurlijk weer browser afhankelijk is:
bekijk volgende pagina eens in Internet Explorer en een andere browser:
http://blog.ontani.be/profile/
open de lijst met landnamen en je zal zien dat in Netscape/Firefox enz... een vlagje naast het landnaam staat.
In Internet Explorer blijkbaar niet.
html (verkort)
<select name="country" onchange="showflag();" onkeyup="showflag();" id="country" class="country" >
<option value="AF" id="AF" >Afghanistan</option>
<option value="AX" id="AX" >Akrotiri</option>
<option value="AL" id="AL" >Albania</option>
<option value="AG" id="AG" >Algeria</option>
<option value="AQ" id="AQ" >American Samoa</option>
...
</select>
<select name="country" onchange="showflag();" onkeyup="showflag();" id="country" class="country" > <option value="AF" id="AF" >Afghanistan</option> <option value="AX" id="AX" >Akrotiri</option> <option value="AL" id="AL" >Albania</option> <option value="AG" id="AG" >Algeria</option> <option value="AQ" id="AQ" >American Samoa</option> ... </select>
css
select {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border: none;
border: 1px solid #666666;
background-color: #EFEFEF;
margin: 1px;
}
.country select {
padding-left: 22px;
padding-top: 1px;
}
.country option {
background-repeat: no-repeat;
height: 10px;
padding-left: 22px;
padding-top: 1px;
padding-bottom: 1px;
}
select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: none; border: 1px solid #666666; background-color: #EFEFEF; margin: 1px; } .country select { padding-left: 22px; padding-top: 1px; } .country option { background-repeat: no-repeat; height: 10px; padding-left: 22px; padding-top: 1px; padding-bottom: 1px; }
css van m'n landen:
http://blog.ontani.be/country.css
(is automatisch gegenereerd van AA tot ZZ)
Als er iemand hier al een ervaring mee heeft gehad zou dit nog al welkom zijn
Alvast bedankt
|