Jump to content


Photo

Styling and Formatting


  • Please log in to reply
2 replies to this topic

#1 linton

linton

    Member

  • Member
  • PipPipPip
  • 55 posts

Posted 29 March 2012 - 01:26 PM

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">
  • 0

#2 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,726 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • 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
  • 0

#3 linton

linton

    Member

  • Member
  • PipPipPip
  • 55 posts

Posted 30 March 2012 - 11:52 AM

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.
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users