Hi, I would like to achieve the following layout:
[LOGO]
--- Legend ---
To this end, I tried using the following markup:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html lang="en">
<head>
<title>Test</title>
</head>
<body>
<FORM METHOD=POST ACTION="#" ENCTYPE="MULTIPART/FORM-DATA" ><FIELDSET
><LEGEND >Legend</LEGEND ></FIELDSET ></FORM >
</body>
</html>
with the following style:
LEGEND { BACKGROUND: URL("http://www.webdevout.net/favicon.png";);
BACKGROUND-REPEAT: no-repeat; PADDING-TOP: 3EX; VERTICAL-ALIGN: bottom;
POSITION: relative; BOTTOM: 3EX }
But whatever I do, the Legend is rendered as if with VERTICAL-ALIGN: middle.
[LOGO]
--- ---
Legend
What should I do to move the legend up?
Chris
_______________________________________________
dev-tech-layout mailing list
[email protected]
https://lists.mozilla.org/listinfo/dev-tech-layout
![http://www.webdevout.net/favicon.png"](http://www.webdevout.net/favicon.png"){kind=link}