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">
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
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.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now