Closed
Bug 200043
Opened 22 years ago
Closed 22 years ago
setting margins and width in css is failing
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: meaje, Unassigned)
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3) Gecko/20030312
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3) Gecko/20030312
the following html / css has overlapping boxes and the width of the boxes are
not 200px
<html>
<head>
<style>
P.menu a:visited
{
border: thin solid #00588f;
background: white;
line-height: 100%;
padding: 0.5%;
margin: .5%;
width: 200px;
color: black;
font-size: small;
text-decoration: none;
text-align: center;
}
P.menu a:link
{
border: thin solid #00588f;
background: white;
line-height: 100%;
padding: 0.5%;
margin: .5%;
width: 200px;
color: black;
font-size: small;
text-decoration: none;
text-align: center;
}
P.menu a:hover
{
border: thin solid #00588f;
background: #00588f;
line-height: 100%;
padding: 0.5%;
margin: .5%;
width: 200px;
color: white;
font-size: small;
text-decoration: none;
text-align: center;
}
P.menu p:link
{
border: thin solid #00588f;
background: white;
line-height: 100%;
padding: 0.5%;
margin: .5%;
width: 200px;
color: black;
font-size: small;
text-decoration: none;
text-align: center;
}
P.menu p:hover
{
border: thin solid #00588f;
background: #00588f;
line-height: 100%;
padding: 0.5%;
margin: .5%;
width: 200px;
color: white;
font-size: small;
text-decoration: none;
text-align: center;
}
</style>
</head>
<center>
<P CLASS=menu>
<a href="new_item.html">New Item</a><br>
<a href="edit_item.html">Edit Item</a><br>
<a href="new_category.html">New Category</a><br>
<a href="edit_category.html">Edit Category</a><br>
<a href="new_admin_user.html">New Admin User</a><br>
<a href="edit_admin_user.html">Edit Admin User</a><br>
<a href="new_discount.html">New Discount Code</a><br>
<a href="edit_discount.html">Edit Discount Code</a><br>
<a href="reseller.html">Edit Reseller Info</a><br>
<a href="edit_page.html">Edit Page Descriptions</a><br>
</p>
</center>
</body>
</html>
Reproducible: Always
Steps to Reproduce:
1. load html listing above
2.
3.
Actual Results:
page is rendered incorrectally
Expected Results:
boxes should all be same size and not overlapping
|
||
Comment 1•22 years ago
|
||
The CSS2 spec says "width...Applies to: all elements but non-replaced inline
elements, table rows, and row groups". Anchors are non-replaced inline elements.
INVALID.
Status: UNCONFIRMED → RESOLVED
Closed: 22 years ago
Resolution: --- → INVALID
You need to log in
before you can comment on or make changes to this bug.
Description
•