16. september 2005 - 16:11
Der er
4 kommentarer og
1 løsning
CSS og Firefox
Jeg har en formular der indeholder en del tekst felter som:
echo("<td><input type=\"text\" name=\"cp$BrugerRow[member_id]\" value=\"$BrugerRow[cp]\" class=\"TekstFelt\"></td>");
The class is like this:
input.TekstFelt {
width: 75px;
height: 14px;
font-family: Verdana, Helvetica, Arial;
font-size: 9 px;
font-weight: none;
background: 000000;
color: #ffffff;
border-color: #BBBBBB;
border-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
margin-left: 7 px;
}
I internet explorer vises både inputbox og indholdstekst i den rigtige størrelse.
I FireFox vises input boksen i den lille størrelse, mens indholdsteksten er i stor font!
Hvordan får jeg teksten mindre med CSS i Firefox?
16. september 2005 - 16:19
#1
Der må ikke være mellemrum på størrelses-angivelser !-)
-- og jeg kan forestille mig, at grunden, til at det virker i IE, er, at den fejlagtigt fortolker angivelser uden enheder som px ...
-- så ændr disse linjer:
font-size: 9px;
-- og også denne:
margin-left: 7px;
-- og tilføj så en generisk font til:
font-family: verdana, helvetica, arial,sans-serif;
-- og det hele kan så forkortes til:
input.TekstFelt {
width: 75px;
height: 14px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 9px;
background: #000;
color: #fff;
border:1px solid #bbb;
margin-left: 7px;
}
PS. Jeg kunne ikke finde en gyldig property til font-weight, som hed none !-)
16. september 2005 - 16:36
#3
Jepz -- og velbekomme '-)
-- og sæt i hvert fald den generiske font på, ellers får man en warning, hvis man forsøger at validere (ikke en fejl !-)
