<!-- m --><a class="postlink" href="http://www.matts-website.net/alt/index3.html">http://www.matts-website.net/alt/index3.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.matts-website.net/alt/styles3.css">http://www.matts-website.net/alt/styles3.css</a><!-- m -->
There's the link to the code, and CSS. Here's where I'm kind of stuck. The spacing of my text in the menus and entries is good in terms of the amount of space on top and below the bottom of the text, however, in order to make it look correct, I had to give my <p> tags in my entry class a marign of zero. A margin of zero works except for it makes a <p> tag act like a <br> tag, and I don't want that. I'm trying to avoid having to create a class for the first and last <p> tags I use in a entry <div> just so my formatting is correct. It seems like it would be over kill. And ideas on how to simplify this? I just saw how my <ul> looks different in Mozilla compared to IE, so I got to work on that too.How about a child selector and margin-top or padding-top?The :firstchild springs to mind, but I don't know how widely supported that is.The problem with the firstchild is that my first <p> tag isn't the first tag within my entry <div> tag, it's another <div> tag. I was trying to change the padding-top size to bring up the text within the entry <div> and even if it changed the postition of the overlapping <div> I could then go and reposition it. I can get it down to a padding-top:0px, but putting in a negative value doesn't do anything, at least not in IE 5/Mozilla 1.5.
*plays around with code*
Ok, I looked at my XHTML code long enough that it finally kicked in, and it's a simple fix. I had to add a margin-bottom with a negative value on the overlapping <div> tag.
<!-- m --><a class="postlink" href="http://www.matts-website.net/alt/styles3.css">http://www.matts-website.net/alt/styles3.css</a><!-- m -->
There's the link to the code, and CSS. Here's where I'm kind of stuck. The spacing of my text in the menus and entries is good in terms of the amount of space on top and below the bottom of the text, however, in order to make it look correct, I had to give my <p> tags in my entry class a marign of zero. A margin of zero works except for it makes a <p> tag act like a <br> tag, and I don't want that. I'm trying to avoid having to create a class for the first and last <p> tags I use in a entry <div> just so my formatting is correct. It seems like it would be over kill. And ideas on how to simplify this? I just saw how my <ul> looks different in Mozilla compared to IE, so I got to work on that too.How about a child selector and margin-top or padding-top?The :firstchild springs to mind, but I don't know how widely supported that is.The problem with the firstchild is that my first <p> tag isn't the first tag within my entry <div> tag, it's another <div> tag. I was trying to change the padding-top size to bring up the text within the entry <div> and even if it changed the postition of the overlapping <div> I could then go and reposition it. I can get it down to a padding-top:0px, but putting in a negative value doesn't do anything, at least not in IE 5/Mozilla 1.5.
*plays around with code*
Ok, I looked at my XHTML code long enough that it finally kicked in, and it's a simple fix. I had to add a margin-bottom with a negative value on the overlapping <div> tag.