broken css on web - HTML / CSS

I am new at html/css. My code runs fine locally. However, the css breaks when run on web.I have used the zurb foundation. Please let me know the error.

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

   <head>

      <title>

      </title>

   </head>

   <body>

      <html class="no-js" lang="en">

         <head>

            <meta charset="utf-8" />

            <meta name="viewport" content="width=device-width, initial-scale=1.0" />

            <title>Parkify</title>

            <link type="text/css" rel="stylesheet" href="css/normalize.css" />

            <link type="text/css" rel="stylesheet" href="css/foundation.min.css" />

            <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css"/>

            <link type="text/css" rel="stylesheet" href="css/global.css" />

            <script type="text/javascript" src="js/vendor/modernizr.js"></script>

            <script type="text/javascript" src="js/vendor/jquery.js"></script>

            <script type="text/javascript" src="js/foundation.min.js"></script>

            <script type="text/javascript" src="js/global.js"></script>

            <style>

               .top-bar{

               background-color: #3399FF;

               height: 60px;

               position: relative;

               }

               #logo{

               position: relative;

               margin-top: 5px;

               max-width: 100%;

               max-height:100%; 

               }

            </style>

         </head>

         <body class="welcome">

            <nav class="top-bar">

               <!--<section class="left-small">

                  <a class="left-off-canvas-toggle menu-icon" ><span></span></a>

                  </section>-->

               <section class="left tab-bar-section">

                  <img id="logo" src="img/parkify.png"></img>

               </section>

            </nav>

            <div class="row collapse full-height">

            <div class="small-12 columns">

               <div class="row login">

                  <div class="small-12 columns">

                     <div class="row">

                        <div class="small-12 columns">

                           <a href="home.html" class="button">

                           <img class="fb" src="img/fb.png" alt="Login with facebook"/>&nbsp;&nbsp;|&nbsp;&nbsp;Login with facebook

                           </a>

                        </div>

                     </div>

                     <div class="row">

                        <div class="small-12 columns sep or">

                           <div class="row collapse">

                              <div class="small-5 columns">

                                 <hr />

                              </div>

                              <div class="small-2 columns">

                                 <span>or</span>

                              </div>

                              <div class="small-5 columns">

                                 <hr />

                              </div>

                           </div>

                        </div>

                     </div>

                     <div class="row register">

                        <div class="small-12 columns">

                           <form method="post" action=".">

                              <input type='hidden' name='csrfmiddlewaretoken' value='yc0FxDJY2dJRm26iW4gtL0XLnEXHwmzs' />

                              <div class="row collapse">

                                 <div class="small-12 columns">

                                    <div class="row collapse">

                                       <div class="small-3 columns">

                                          <label for="id_mobile_no" class="inline">Mobile No.</label>

                                       </div>

                                       <div class="small-9 columns">

                                          <input type="text"  name="mobile_no" id="right-label">

                                       </div>

                                    </div>

                                 </div>

                                 <div class="row collapse">

                                    <div class="small-12 columns">

                                       <div class="row collapse">

                                          <div class="small-3 columns">

                                             <label for="id_password" class="inline">Password</label>

                                          </div>

                                          <div class="small-9 columns">

                                             <input type="password" name="password" id="right-label">

                                          </div>

                                       </div>

                                    </div>

                                    <div class="row">

                                       <div class="small-12 columns submit">

                                          <button type="submit">Login <i class="fa fa-angle-double-right"></i></button>

                                          <input type="hidden" name="next" value="/home" />

                                       </div>

                                    </div>

                                 </div>

                                 <a href="/register">Register</a>    

                              </div>

                           </form>

                        </div>

                     </div>

                  </div>

               </div>

            </div>

            <script type="text/javascript">

               $(document).foundation();

            </script>

         </body>

         </body>

      </html>

Attached Images

	fb.png (1.8 KB, 85 views)
	parkify.jpg (44.0 KB, 88 views)

Jul 15 '15 #1

Subscribe Post Reply

2750

Similar topics

broken pipe error

by: Frank de Bot | last post by:

Hi, occasionaly I find in my apache logs that fastcgi had a broken pipe error with php running as fastcgi. the logs are like this: -- > (32)Broken pipe: > FastCGI: comm with server...

PHP

IOError: [Errno 32] Broken pipe

by: Nigel King | last post by:

I have a problem with the logging module. It reports a Broken Pipe error after outputing to the log file occasionally (5%). This does not appear to happen on Mac OSX using current finked python...

Python

remoting client in IIS request server waiting permenantly when the network connection broken

by: Dicky Cheng | last post by:

Hi, I am using .net remoting technology. I set up a .net remoting client and server in IIS. When the client calls the server, the server will run a long duration method (30-60seconds). I have a...

.NET Framework

205

Boost Workshop at OOPSLA 2004

by: Jeremy Siek | last post by:

CALL FOR PAPERS/PARTICIPATION C++, Boost, and the Future of C++ Libraries Workshop at OOPSLA October 24-28, 2004 Vancouver, British Columbia, Canada http://tinyurl.com/4n5pf Submissions

C / C++

finding broken links using FrontPage automation

by: talyabn | last post by:

Hi, I'm trying to invoke the 'Broken Hyperlinks' option in the FrontPage application. The problem is that I get all the links in a given HTML page instead of getting only the broken links. ...

HTML / CSS

Broken Images ASP.NET/IIS Problem

by: Jacob | last post by:

Has anybody else encountered a problem when running your asp.net applications off your localhost and having broken image links? The weird thing is, the links aren't really broken. The reference...

ASP.NET

Stop Access saving 'broken' queries

by: tt40 | last post by:

Anyone know how to prevent Access 2002 from automatically breaking all the incorrect joins in a query and then automatically saving the broken query? This is what I would call stupid design...

Microsoft Access / VBA

C# inheritance broken?

by: groups | last post by:

C# is an impressive language...but it seems to have one big limitation that, from a C++ background, seems unacceptable. Here's the problem: I have a third-party Document class. (This means I...

C# / C Sharp

_vsnwprintf_s seems to be broken

by: Norman Diamond | last post by:

I think the current version of _vsnwprintf_s is broken, in ordinary Windows. I'm not completely sure yet but it looks like this breakage is worse than previously known Windows CE breakage of...

.NET Framework

Why are "broken iterators" broken?

by: Steven D'Aprano | last post by:

According to the Python docs, once an iterator raises StopIteration, it should continue to raise StopIteration forever. Iterators that fail to behave in this fashion are deemed to be "broken": ...

Python

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA