Skip to content

Commit 96ae875

Browse files
committed
UX-2323 Fix images width in checkbox.topic
1 parent a5bdb7f commit 96ae875

File tree

1 file changed

+16
-16
lines changed

1 file changed

+16
-16
lines changed

topics/ui/controls/checkbox.topic

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -25,27 +25,27 @@
2525
<p>If only one option in a group can be selected, use <a href="radio_button.md">radio button</a>:</p>
2626
<table style="none" border="false">
2727
<tr>
28-
<td width="378">
28+
<td>
2929
<format style="bold" color="E55765">Incorrect</format>
30-
<img src="checkbox_when_not_to_use_1_incorrect.png" alt="A radio button group with only one selected option possible"/>
30+
<img src="checkbox_when_not_to_use_1_incorrect.png" width="378" alt="A radio button group with only one selected option possible"/>
3131
</td>
32-
<td width="378">
32+
<td>
3333
<format style="bold" color="369650">Correct</format>
34-
<img src="checkbox_when_not_to_use_1_correct.png" alt="Two radio buttons with clear labels"/>
34+
<img src="checkbox_when_not_to_use_1_correct.png" width="378" alt="Two radio buttons with clear labels"/>
3535
</td>
3636
</tr>
3737
</table>
3838
<p>If the behavior in the "off" state is unclear from the checkbox label, use two <a href="radio_button.md">radio buttons</a> instead
3939
and label them accordingly:</p>
4040
<table style="none" border="false">
4141
<tr>
42-
<td width="378">
42+
<td>
4343
<format style="bold" color="E55765">Incorrect</format>
44-
<img src="checkbox_when_not_to_use_2_incorrect.png" alt="A radio button group with only one selected option possible"/>
44+
<img src="checkbox_when_not_to_use_2_incorrect.png" width="378" alt="A radio button group with only one selected option possible"/>
4545
</td>
46-
<td width="378">
46+
<td>
4747
<format style="bold" color="369650">Correct</format>
48-
<img src="checkbox_when_not_to_use_2_correct.png" alt="Two radio buttons with clear labels"/>
48+
<img src="checkbox_when_not_to_use_2_correct.png" width="378" alt="Two radio buttons with clear labels"/>
4949
</td>
5050
</tr>
5151
</table>
@@ -55,12 +55,12 @@
5555
<p>A label accompanies each checkbox and is placed on the right side.</p>
5656
<table style="none" border="false">
5757
<tr>
58-
<td width="378">
59-
<format color="369650" style="bold">Correct</format><img src="checkbox_label_right_correct.png"
58+
<td>
59+
<format color="369650" style="bold">Correct</format><img src="checkbox_label_right_correct.png" width="378"
6060
alt="A correct checkbox with the label on the right"/>
6161
</td>
62-
<td width="378">
63-
<format color="E55765" style="bold">Incorrect</format><img src="checkbox_label_right_incorrect.png"
62+
<td>
63+
<format color="E55765" style="bold">Incorrect</format><img src="checkbox_label_right_incorrect.png" width="378"
6464
alt="An incorrect checkbox with the label on the left"/>
6565
</td>
6666
</tr>
@@ -70,12 +70,12 @@
7070
<p>If a label is long, split it into two lines. Use HTML formatting for that. Avoid labels that take more than two lines. See recommendations on <a anchor="writing-guidelines">writing concise labels</a> below.</p>
7171
<table style="none" border="false">
7272
<tr>
73-
<td width="378">
74-
<format color="369650" style="bold">Correct</format><img src="checkbox_label_long_correct.png"
73+
<td>
74+
<format color="369650" style="bold">Correct</format><img src="checkbox_label_long_correct.png" width="378"
7575
alt="A correct checkbox with the label on the right"/>
7676
</td>
77-
<td width="378">
78-
<format color="E55765" style="bold">Incorrect</format><img src="checkbox_label_long_incorrect.png"
77+
<td>
78+
<format color="E55765" style="bold">Incorrect</format><img src="checkbox_label_long_incorrect.png" width="378"
7979
alt="An incorrect checkbox with the label on the left"/>
8080
</td>
8181
</tr>

0 commit comments

Comments
 (0)