hi all...
url 1:
<!-- m --><a class="postlink" href="http://guey.el.net/k/tests/0905/">http://guey.el.net/k/tests/0905/</a><!-- m -->
the <h1>s are where it says "eat out". i don't understand why they are not aligning all the way up to the "col"s top border if there is no margin and padding specified..
url 2:
<!-- m --><a class="postlink" href="http://guey.el.net/k/tests/0905/2.html">http://guey.el.net/k/tests/0905/2.html</a><!-- m -->
here nav is width:600px and it's supposed to be display: block; but the first col is not being positioned under the nav.
from the css2 reference at w3schools.com i get:
"display: block - The element will be displayed as a block-level element, with a line break before and after the element."
but it doesn't work here. why?
can anybody explain please....
thanks..1. Hx elements have different margin properties in each browser. It is advisable to set the margin in CSS.h1 {margin:0;}
2. #col has a margin set. Set the top margin to zero.
btw id's must be unique, use class for col.
z-index should be unique. The browser will change the z-index if more than one element is given the same value.
Avoid using hacks for IE, they could cause problems (<!-- m --><a class="postlink" href="http://www.quirksmode.org/blog/archives/2005/09/css_hacks_are_s_1.html">http://www.quirksmode.org/blog/archives ... e_s_1.html</a><!-- m -->) when IE7 is released. If you need to make adjustments for IE use conditional comments (<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp">http://msdn.microsoft.com/workshop/auth ... nt_ovw.asp</a><!-- m -->)
You are mixing XHTML with HTML. The sensible option is HTML strict.thanks...
url 1:
<!-- m --><a class="postlink" href="http://guey.el.net/k/tests/0905/">http://guey.el.net/k/tests/0905/</a><!-- m -->
the <h1>s are where it says "eat out". i don't understand why they are not aligning all the way up to the "col"s top border if there is no margin and padding specified..
url 2:
<!-- m --><a class="postlink" href="http://guey.el.net/k/tests/0905/2.html">http://guey.el.net/k/tests/0905/2.html</a><!-- m -->
here nav is width:600px and it's supposed to be display: block; but the first col is not being positioned under the nav.
from the css2 reference at w3schools.com i get:
"display: block - The element will be displayed as a block-level element, with a line break before and after the element."
but it doesn't work here. why?
can anybody explain please....
thanks..1. Hx elements have different margin properties in each browser. It is advisable to set the margin in CSS.h1 {margin:0;}
2. #col has a margin set. Set the top margin to zero.
btw id's must be unique, use class for col.
z-index should be unique. The browser will change the z-index if more than one element is given the same value.
Avoid using hacks for IE, they could cause problems (<!-- m --><a class="postlink" href="http://www.quirksmode.org/blog/archives/2005/09/css_hacks_are_s_1.html">http://www.quirksmode.org/blog/archives ... e_s_1.html</a><!-- m -->) when IE7 is released. If you need to make adjustments for IE use conditional comments (<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp">http://msdn.microsoft.com/workshop/auth ... nt_ovw.asp</a><!-- m -->)
You are mixing XHTML with HTML. The sensible option is HTML strict.thanks...