Witam,
Nie wiem co o tym sądzić, problem dotyczy tylko IE,FF w chromie (jak zawsze spoko lux)
Chodzi o to gdy ładuję formularz na wpisywanie z wartością domyślną "_" albo "_" to jest to samo co _ to jest niewidoczny, problem pewnie dotyczy css tego elementu bo gdy ładuję "goły" szablon wszystko jest obecne, wyeliminowałem też błąd po stronie JQUERY więc nie zamieszczam JS'a
Oto elementy:
<div class="boxgameorange"> <div class="boxgameorangeleft"></div> <div class="boxgameorangemid"><input type="text" class="eugt1 t" name="score1" value="_" size="1" maxLength="2" />:
<input type="text" class="eugt2 t" name="score2" value="_" size="1" maxLength="2" /></div> <div class="boxgameorangeright"></div>
.eugt1 {
text-align: right;
}
.eugt1, .eugt2 {
background-color:
transparent;
border: none;
color:
black;
font-size: 24px;
height: 24px;
width: 38px;
padding-top: 5px;
}
input {
color:
#004B9C;
font-size: 11px;
border: 1px solid
#BBDEF4;
padding: 1px 3px 0px 3px;
margin: 3px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
height: 18px;
}
user agent stylesheetinput:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
padding: 1px 0px;
}
user agent stylesheetinput, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color:
white;
border: 2px inset;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
Inherited from div.boxgameorangemid
.boxgameorangemid {
font-family: Tahoma;
font-size: 24px;
text-align: center;
}
Inherited from td
table td {
font-size: 11px;
}
Inherited from table.TABLE
table {
font-size: 11px;
border-collapse: collapse;
}
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
}
Inherited from div.DIV_CONTENTBAR_CONT
.DIV_CONTENTBAR_CONT {
text-align: left;
}
Inherited from body
body {
font-size: 11px;
font-family: Georgia, Times;
}
całość do przetestowania wklejcie pod .html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://ogp.me/ns/fb#"> .eugt1 {
text-align: right;
}
.eugt1, .eugt2 {
background-color:
transparent;
border: none;
color:
black;
font-size: 24px;
height: 24px;
width: 38px;
padding-top: 5px;
}
input {
color:
#004B9C;
font-size: 11px;
border: 1px solid
#BBDEF4;
padding: 1px 3px 0px 3px;
margin: 3px 0px 0px 0px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
height: 18px;
}
stylesheetinput:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
padding: 1px 0px;
}
input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color:
white;
border: 2px inset;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
.boxgameorangemid {
font-family: Tahoma;
font-size: 24px;
text-align: center;
}
table td {
font-size: 11px;
}
table {
font-size: 11px;
border-collapse: collapse;
}
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
}
.DIV_CONTENTBAR_CONT {
text-align: left;
}
body {
font-size: 11px;
font-family: Georgia, Times;
}
<a href="http://forum.php.pl/index.php?showtopic=199222" target="_blank">http://forum.php.pl/index.php?showtopic=199222
</a> <div class="boxgameorange"> <div class="boxgameorangeleft"></div> <div class="boxgameorangemid"><input type="text" class="eugt1 t" name="score1" value="_" size="1" maxLength="2" />:
<input type="text" class="eugt2 t" name="score2" value="_" size="1" maxLength="2" /></div> <div class="boxgameorangeright"></div>
tymczasem pomyślę dalej....
OK na FF winny jest .... font-style, po wywaleniu Tahoma sie pojawiło na IE dalej nie ma
Zmiana errata: font-family pomogła tyle, że na IE (9) dalej niewidoczne do momentu zaznaczenia tekstu, zakładam że to kolejny bug tej przeglądarki.... chyba że ja coś nawaliłem w kodzie źle
input {
color:
#004B9C;
font-size: 11px;
border: 1px solid
#BBDEF4;
padding: 1px 3px 0px 3px;
margin: 3px 0px 0px 0px;
font-family: Sans-serif;
height: 18px;
}
Dalej szukam font'a na IE, czy to jest jedyne rozwiązanie? Myślałem że moje padding mogą to ukrywać ale to nie to, styl czcionki zmieniłem i w FF już jest ok, dalej cholerny IE będzie dręczył... Jakby ktoś ogarnął temat to proszę o podpowiedź.
Ten post edytował rob_roy 25.05.2012, 15:26:31