Solved

Top header bar on website not appearing, though css and html code is correct

Posted on 2014-04-02
5
348 Views
Last Modified: 2014-04-02
Hi Experts,

I am having trouble on my site, for some reason (maybe tiredness on my part) my top bar is not appearing, as it is on localhost, just not displaying at all.  See http://www.stayzambia.net  ...search bar, top banner and contact info is not showing, attached a screenshot to show what it looks like on localhost.  

What could be causing this?  CSS issue i am sure...need help pin pointing.
0
Comment
Question by:kasondeneddy
  • 3
  • 2
5 Comments
 

Author Comment

by:kasondeneddy
Comment Utility
See attachment of what header is ment to look like...

see class .topbarn at the top
screngrab-head.jpg
0
 
LVL 34

Accepted Solution

by:
Dan Craciun earned 500 total points
Comment Utility
Your header is covering it.
Remove
position: absolute; 

Open in new window

from .home header in style.css?ver=1.0, line 39.

HTH,
Dan
0
 

Author Comment

by:kasondeneddy
Comment Utility
Hi Dan,

Thanks, this worked..but when i remove position: absolute; facing same problem with it disappearing.. added top: 43px and adjusted .topbarn height to 43px..though this has moved slider height too...your answer was spot on...
0
 

Author Closing Comment

by:kasondeneddy
Comment Utility
Spot on!
0
 
LVL 34

Expert Comment

by:Dan Craciun
Comment Utility
Glad I could help!
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

772 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

11 Experts available now in Live!

Get 1:1 Help Now