linton Posted March 29, 2012 Report Posted March 29, 2012 A weird problem, I tried recreating a header that turned out fine yesterday today. I had all kinds of problems with the contents of 'header h6' and 'header p' breaking up and causing the horizontal navigation bar beneath the header to stretch. I finally decided to copy and paste the CSS style and HTML code from yesterday into it and it worked even though I spent a considerable amount of time typing/using CSS and the HTML code to achieve the same thing. Just wondering if anyone might have an idea as to why. Of course, I could be at fault. Below is the CSS style and HTML. Thanks in advance for your response. #header h6 { font-size: 60px; color: #59A543; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; text-align: center; letter-spacing: 5px; padding-top: 10px; padding-bottom: 5px; } #header p { text-align: center; text-transform: uppercase; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 600; letter-spacing: 5px; color: #59A543; } HTML <body> <div id="wrapper"> <div id="header"> <h6>The GARDENER</h6> <p>A GARDENING COMMUNITY</p> </div> <div id="nav"> Quote
Andrea Posted March 29, 2012 Report Posted March 29, 2012 Can we see all the code? - that's the entire HTML and the entire CSS Quote
linton Posted March 30, 2012 Author Report Posted March 30, 2012 Can we see all the code? - that's the entire HTML and the entire CSS I ended up discarding it. I will recreate it and post again if it does not go well. Thanks again. Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.