|
Posted by Al Franz on July 29, 2004, 3:00 am
Please log in for more thread options
Look at the following web page test.
http://netmation.com/test61.htm
Why is there blank space on the 4th row, can not get rid of it.
Using the latest IE 6
|
|
Posted by Brian on July 28, 2004, 11:14 pm
Please log in for more thread options
Al Franz wrote:
> http://netmation.com/test61.htm
>
> Why is there blank space on the 4th row, can not get rid of it.
Without testing, it loks like margin or padding on the <UL> element.
BTW, tables for layout? <font> tags? A bit out of date for html authoring.
--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
|
|
Posted by Sam Hughes on July 30, 2004, 8:19 pm
Please log in for more thread options wrote:
> Look at the following web page test.
> http://netmation.com/test61.htm
>
> Why is there blank space on the 4th row, can not get rid of it.
>
> Using the latest IE 6
The unordered lists have equally positive bottom margins, that's all. Fix
it with some CSS.
By the way, on your main page, the meta tag with attribute
name="distribution" needs to be fixed.
Looking at the manner in which you write HTML, I think you should learn
CSS. You could also learn how to nest elements correctly. For instance,
you have a TABLE element nested inside a FONT element, which is invalid,
because FONT is inline and TABLE is block-level. However, FONT is listed
in the specification as deprecated, anyway, because to change fonts with
CSS is simpler, and easier to upgrade, since content and presentation is
separate when CSS gets used.
For an example, here is what you would get if you converted all the
presentational attributes into CSS:
<HTML>
<HEAD>
<TITLE>Test Table</TITLE>
<style type="text/css">
body {
background: #FFF;
color: #000;
font-family: arial, "ms sans serif", univers, sans-serif;
font-size: 90%;
}
a:link {
background: transparent;
color: #00F;
}
a:visited {
background: transparent;
color: #F00;
}
a:active {
background: transparent;
color: #F00;
}
ul {
margin-bottom: 0;
list-style-type: square;
}
table{
border: 1px outset lightgray;
}
td {
width: 181px;
text-align: left;
vertical-align: top;
border: 1px inset lightgray;
}
</style>
</HEAD>
<body>
<table>
<tr>
<td>
<UL>
<LI>Sign Post
<LI>For Sale Signs
<LI>Flyers
</UL></td>
<td>
<UL>
<LI>Lock Box
<LI>Photographs
<LI>Web Page
</UL></td>
<td>
<UL>
<LI>Title Discount
<LI>Escrow Discount
<LI>24/7 Service
</UL></td>
</tr>
</table>
</BODY>
</HTML>
The source is much simpler to look at, and you could put the CSS into a
separate file, if you so desired. Thus, if applied to your web site, the
external document could be pointed to from every page. Since all of your
pages are very similar, this would make life much easier, and stylistic
changes could be applied to one document, instead of all.
--
Accessible web designs go easily unnoticed;
the others are remembered and avoided forever.
|
| Similar Threads | Posted | | WHY DOES "20%" SHOW UP IN ADDRESS? BLANK SPACE? | September 26, 2004, 10:50 pm |
| How to eliminate space between table border and table contents? | December 6, 2005, 1:22 am |
| Div in Table Cell extra space | July 29, 2004, 2:26 am |
| White space problem (table) | April 3, 2006, 8:31 am |
| Extra Space in IE Table Layout | June 16, 2006, 7:32 pm |
| Table problem: 1px white space | February 19, 2008, 7:13 am |
| HTML: undesired extra space in
|
|
|
XML Sitemap