Help
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">
Page 1 of 1
Styling and Formatting Styling and Formatting
#2
- Group: Moderators
- Posts: 5,498
- Joined: 19-December 08
- LocationSan Antonio, TX
Posted 29 March 2012 - 03:46 PM
Can we see all the code? - that's the entire HTML and the entire CSS
#3
- Group: Member
- Posts: 55
- Joined: 30-December 11
Posted 30 March 2012 - 11:52 AM
Andrea, on 29 March 2012 - 03:46 PM, said:
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.
Share this topic:
Page 1 of 1