CSS Issues

Hey drop us a line about the show. Feel free to ask questions, provide feedback and criticism, or just ramble on about anything your little heart desires.

Moderators: snarkout, Patrick, dann

Post Reply
User avatar
Ashley
Posts: 6
Joined: Sat Jan 22, 2005 1:44 am
Location: Brisbane, Australia
Contact:

CSS Issues

Post by Ashley » Thu May 12, 2005 11:37 am

In relation to episode 83 ( http://www.slsd.org/teacher/washkod/foundation/ ) with the css issues, it can be easily fixed with a single line of CSS. I'm not entirely sure what the issue is officially, but unofficially it seems that the h2 tag is pushing the whole lot down... Fixed by the following:

Code: Select all

.content h2{margin-top:0px;}
Essentially what that says is "Resize the top border to 0 pixels for any h2 tags inside anything of the class 'content'."

Example of the solution is at <a href="http://ashley.cc/Test.htm">this location</a>. Hope that helps. :-)

User avatar
dann
Site Admin
Posts: 1132
Joined: Mon Apr 26, 2004 10:55 pm
Location: Hampton, Va, USA
Contact:

Post by dann » Thu May 12, 2005 5:02 pm

Ashley, thanks for the response. We figured out yesterday that any block level tag placed on the first like will cause margin behavior. Why this is I cannot fathom.

Change the header 2 to 1 or a paragraph and the same thing happens.

User avatar
Ashley
Posts: 6
Joined: Sat Jan 22, 2005 1:44 am
Location: Brisbane, Australia
Contact:

Post by Ashley » Thu May 12, 2005 10:22 pm

Yeah, it's a bit odd. If you wanted a cheap visual fix though, that example still works. :-)
*curses missing the show live*

Post Reply