![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
Like putting shoeboxes into a waterbed
Feb. 23rd, 2008 11:49 pmI'm trying to understand this concept of block-elements in HTML vs. inline-elements. Someone made a clever analogy that block-elements are like boxes, rigid and structured, and inline-elements are like squishy things.
Thus:
* Boxes can hold boxes; one shoebox can fit into a larger shoebox
* Squishy things can hold squishy things; you can fit gumdrops into those weird Jello molds
* Boxes can also hold squishy things; in order to carry that weird Jello mold cake to your Aunt Sara's, you really ought to put it in a container instead of trying to balance it on your head the whole way there.
* You CAN'T put a box into a squishy thing: the box will lose its shape.
Please, correct me if I've got all this wrong and have bent the analogy out of shape.
Now, my Sailor V x Kaitou Ace fanlisting got put on the TAFL Troubles List due to it being all out of whack in IE7 (in all honesty, I don't give a shit and wish all the folks using IE7 would just see the light and switch to Firefox or Opera, but I know not everyone HAS that luxury). So I decided to try validating it, thinking that the problem might be there.
I found all these errors based on this concept of boxes and squishy things, so I remedied them... but now my navigation isn't working.
See, originally, my navigation was like this:
(box)
(squishy)(box)(hidden squishy)Word(/hidden squishy)(/box)(/squishy)
(/box)
and while it was invalid and BAD coding, it worked. I had certain parts of the code defined in CSS, so that the box itself had a particular positioning, and the first squishy defined the link.
Now that I've fixed it:
(box)
(squishy)(squishy)(hidden squishy)Word(/hidden squishy)(/squishy)(/squishy)
(/box)
It doesn't work. For some reason, the hidden squishy is hiding the ENTIRE DAMN THING, and it shouldn't. The box displays just fine in my preview, but the links themselves aren't there. It's like trying to catch a Maraschino cherry at the bottom of a Shirley Temple with a straw-- nigh impossible, and I DO NOT KNOW WHY!
Some bunny help. :'(
I don't want to lose my fanlisting... I not only need to get the navigation working again, but I need to pray it works in IE7, because I can't test it myself-- I don't have IE7, or access to it-- even at school!
Thus:
* Boxes can hold boxes; one shoebox can fit into a larger shoebox
* Squishy things can hold squishy things; you can fit gumdrops into those weird Jello molds
* Boxes can also hold squishy things; in order to carry that weird Jello mold cake to your Aunt Sara's, you really ought to put it in a container instead of trying to balance it on your head the whole way there.
* You CAN'T put a box into a squishy thing: the box will lose its shape.
Please, correct me if I've got all this wrong and have bent the analogy out of shape.
Now, my Sailor V x Kaitou Ace fanlisting got put on the TAFL Troubles List due to it being all out of whack in IE7 (in all honesty, I don't give a shit and wish all the folks using IE7 would just see the light and switch to Firefox or Opera, but I know not everyone HAS that luxury). So I decided to try validating it, thinking that the problem might be there.
I found all these errors based on this concept of boxes and squishy things, so I remedied them... but now my navigation isn't working.
See, originally, my navigation was like this:
(box)
(squishy)(box)(hidden squishy)Word(/hidden squishy)(/box)(/squishy)
(/box)
and while it was invalid and BAD coding, it worked. I had certain parts of the code defined in CSS, so that the box itself had a particular positioning, and the first squishy defined the link.
Now that I've fixed it:
(box)
(squishy)(squishy)(hidden squishy)Word(/hidden squishy)(/squishy)(/squishy)
(/box)
It doesn't work. For some reason, the hidden squishy is hiding the ENTIRE DAMN THING, and it shouldn't. The box displays just fine in my preview, but the links themselves aren't there. It's like trying to catch a Maraschino cherry at the bottom of a Shirley Temple with a straw-- nigh impossible, and I DO NOT KNOW WHY!
Some bunny help. :'(
I don't want to lose my fanlisting... I not only need to get the navigation working again, but I need to pray it works in IE7, because I can't test it myself-- I don't have IE7, or access to it-- even at school!
