Solved

CSS H1 tag Relative Positioning

Posted on 2013-01-05
1
265 Views
Last Modified: 2013-01-05
Hello

Is there anyway I can remove the green bar from under my header and above my naviagtion on the following webpage. I have relatively positioned the Memorial Cards Ireland tag to the top right of the banner picture.

http://www.reflectionsmemorialcards.co.uk/memorialIreland/index2.html#

 .header h1 {
      font-family: "Trajan Pro";
      color: #1f8a9a;
      font-weight: 900;
      font-size: 24px;
      position: relative;
      top: -160px;
      left: 500px;
      margin: 0px;
      padding: 0px;
}

<!--HTML Code Below-->

  <div class="header">
   <img src="bannerH1.jpg" width ="900" height ="160">
              <h1>Memorial Cards Ireland</h1>
</div>
0
Comment
Question by:Kevin_Coors
1 Comment
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 38747163
#nav {margin-top:-30px;}

The -30px is a guess.  I moght actually need -35px or -33px , but it is right around that value.

Cd&
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to count occurrences of each item in an array.

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

25 Experts available now in Live!

Get 1:1 Help Now