Minder dan 1 px
Ik wil iets maken dat minder dan 1 px hoog is. Hoe geef ik dit in css aan? 0,5px of 0.5px werkt bij mij niet.
Bedankt!
Een beeldscherm bestaat uit pixels. Minder dan een pixel bestaat dus niet.
Hoe dacht je dat weer te geven op een beeldscherm? Elke pixel kan namelijk maar één kleur hebben, en niet gesplitst worden in twee. Waarschijnlijk gaat dit je niet lukken dus.
Wat je wel kan doen is om er een dikkere lijn onder te zetten om zo een illusie te creeëren..
en kijk altijd onderin je scherm he, voor de uitgevallen pixels...
Ik sluit me natuurlijk aan bij de rest, maar ik heb ook een vraag voor je: Hoe ben je er achter gekomen dat het niet werkt? Hoe heb je dat gecontroleerd?
Hoe ik het gecontroleerd heb: "Try and fail"? Gewoon erin zetten en kijken wat er gebeurd :P.
Toch bedankt jongens!
Jelmer
Nee, dat bedoel ik niet. Waardoor concludeerde je dat 0.5px niet werkt? Zag je niets? Ik bedoel: hoe kwam je er achter dat je scherm geen halve pixel weer kon geven?
Uhmz tjah er veranderde niets tussen 1px en 0,1 px. Dus tjah dan is de conclusie snel gemaakt hè :-).
Proef op de som:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<table width="120" border="0" cellspacing="0" cellpadding="0" style="border-color:#000000; border-style:solid; border-width:0.1px">
<tr>
<td> </td>
</tr>
</table><br />
<table width="120" border="0" cellspacing="0" cellpadding="0" style="border-color:#000000; border-style:solid; border-width:1px">
<tr>
<td> </td>
</tr>
</table>
<tr>
<td> </td>
</tr>
</table><br />
<table width="120" border="0" cellspacing="0" cellpadding="0" style="border-color:#000000; border-style:solid; border-width:1px">
<tr>
<td> </td>
</tr>
</table>
Onder IE 6:
Het eerste tabel wordt niet getoond, de tweede wel.
Onder FF 2.0.0.6:
Beiden zijn zichtbaar, alleen het eerste tabel met 0.1px border is tussen de borders in 19 pixels hoog, en in het tweede tabel met een 1px border is deze 20 pixels hoog.
En ander neven effect is dat in het eerste tabel, rechts onder de border op de hoek niet de borderkleur heeft maar wit is.
Maar goed, je merkt dat een 0.1px heus wel effect kan hebben ondanks dat je het al snel wil vergelijken met een 1/10de monitor pixel.
Alleen ja, waarom ik mij hiermee nu bezig hou? wilde alleen maar aantonen dat je niet op voorhand altijd moet denken dat een CSS 0.1px nu hoeft te betekenen dat dit overeenkomt met een 1/10de pixel van je monitor maar ook heus wel andere resultaten kan leveren dan je had verwacht.
Wellicht als je ooit een typefout maakt, dat dit je nu te binnen kan springen als een mogelijke oorzaak van een rariteit.
Gewijzigd op 01/01/1970 01:00:00 door Danny Roelofs
Net even gekeken, en het maakt inderdaad uit. In Firefox is de eerste tabel ook 1 pixel breder.