Solved

cannot get navbar to warp when minimized html5 css3

Posted on 2014-03-05
2
325 Views
Last Modified: 2014-03-17
I have a project which calls for centering on full screen and minimized.

http://www.124marketplace.com/newsite/

The home page minimizes properly using php8 designer and in ie 9.
 
The page does not render properly in google chrome(navbar is shifted left).  I have written code in html5
and css3.

The image centers on minimize and full screen but the navbar does not wrap.

My code is attached.

I will be making my style sheet external when competed.

Please advise.

Thanks.
Isaac
testhtmltables.htm
0
Comment
Question by:TechIsaac
2 Comments
 
LVL 6

Accepted Solution

by:
Tony O'Byrne earned 500 total points
ID: 39908461
If I understand your goal correctly, I was able to get this working as desired with a few quick modifications:

#topNav li should not be floated left, and should not be left-positioned (remove the float: left; and left: 25% properties)
Add text-align: center; to the topNav ul

#topNav ul {
  list-style: none;
  margin: auto;
  padding: 0;
  text-align: center;
}

#topNav li {
    display:inline-block;
    position: relative;
}

Open in new window



I also noticed something odd in your attached file:
#header #topNav {
  position: absolute;
  left: 400px;
  top: 0px;
  width: 900px;
  height: 15px;url("../Documents and Settings/User/Local Settings/Temporary Internet Files/Content.IE5/WBD5DNMP/124Home(rotation1aa)[1].jpg")
}url("../Documents and Settings/User/Local Settings/Temporary Internet Files/Content.IE5/WBD5DNMP/124Home(rotation1aa)[1].jpg")

Open in new window


You have url values at the end there that might be causing trouble with the parsing.
0
 

Author Comment

by:TechIsaac
ID: 39936017
Suggestions worked.

Thanks,

Isaac
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Hide carret in RichEdit 4 57
Eclipse XML hightlightning 5 53
Visual Studio Debugging 3 121
Copying WordPress Pages 5 76
Update (December 2011): Since this article was published, the things have changed for good for Android native developers. The Sequoyah Project (http://www.eclipse.org/sequoyah/) automates most of the tasks discussed in this article. You can even fin…
I'd like to talk about something that is near and dear to my heart: build systems. Without them, building software is all about compiling locally, with software versions everywhere. It can be a mess. Today we are going to discuss building a small di…
This tutorial will introduce the viewer to VisualVM for the Java platform application. This video explains an example program and covers the Overview, Monitor, and Heap Dump tabs.
The viewer will learn how to synchronize PHP projects with a remote server in NetBeans IDE 8.0 for Windows.

937 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

15 Experts available now in Live!

Get 1:1 Help Now