Have Geek Brain

Aligning checkboxes via inherited css?

I have a php page that launches a popup that contains a checkbox form. The source window includes an external style sheet.

The html form for the popup:

<form name="statusForm" action="post.php=" method="post" enctype="multipart/form-data">
<label for="Test">Test:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<label for="Test">TestTest:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<label for="Test">TestTestTest:</label>
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<input name="Submit" value="submit" type="submit">
</form>

The form has been truncated and the fields renamed to validate the publication.

In an external stylesheet, I have:

label {
    min-width: 5em;
}

The checkboxes are still not aligned. Do I have to include the stylesheet explicitly in the html of the popup, or is it something else?

0


a source to share


3 answers


Yes, the popup should be its own full HTML page.



Edit

If it is an AJAX popup, then it does NOT have to be a full HTML page.

0


a source


New windows do not inherit any style rules from their parents.



Also, if you are using Firefox, I highly recommend that you install the Firebug extension , which will allow you to "Inspect" an HTML element to view (and even change) active CSS rules.

+1


a source


Remember that minimum width is not supported in Internet Explorer 6. Also, I would use some divider like <div>

or <li>

(inside <ul>

) rather than <br />

.

Rich

0


a source






More articles:


All Articles