Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. feeling frustrated please help me

feeling frustrated please help me

Scheduled Pinned Locked Moved Web Development
htmlcsshelpjavascriptcom
4 Posts 4 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • U Offline
    U Offline
    User 11744147
    wrote on last edited by
    #1

    hi i havent been coding long, im learning on my own using the internet, youtube etc. i am trying to us all the knowledge ive learn so far to code a basic website. i have having a couple of problems. 1/ first this error message is appearing on the console when i inspect the webpage i am creating?? Uncaught SyntaxError: Unexpected token < 2/ second i cant seem to do simple actions with css on my html using the bootstrap classes, i know its all correct in terms of the files being connected to sublime as i can copy and paste from bootstrap and the nav bars with drop downs work fine. (i assume that if they work that it all set up properly on my text editer?) i am trying to centre the logo, heading and menu at the moment. This is my html code.....

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Cupcake Fixation</title>

    <!---google fonts-->
    <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--css stylesheet-->
    <link href="style.css" rel="stylesheet" type="text/css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    </head>

    <body>

    <!--logo-->
    <div class="logo" "col-md-2">
    <img src="http://www.drawingnow.com/file/videos/image/1376476137.jpg"/>
    </div>
    <!--heading-->
    <header class="container">
    <h1>Cupcake Fixation</h1>
    <p><strong>"We take your addiction seriously!"</strong></p>
    </header>
    <!-

    Richard DeemingR L A 3 Replies Last reply
    0
    • U User 11744147

      hi i havent been coding long, im learning on my own using the internet, youtube etc. i am trying to us all the knowledge ive learn so far to code a basic website. i have having a couple of problems. 1/ first this error message is appearing on the console when i inspect the webpage i am creating?? Uncaught SyntaxError: Unexpected token < 2/ second i cant seem to do simple actions with css on my html using the bootstrap classes, i know its all correct in terms of the files being connected to sublime as i can copy and paste from bootstrap and the nav bars with drop downs work fine. (i assume that if they work that it all set up properly on my text editer?) i am trying to centre the logo, heading and menu at the moment. This is my html code.....

      <!DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
      <title>Cupcake Fixation</title>

      <!---google fonts-->
      <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <!--css stylesheet-->
      <link href="style.css" rel="stylesheet" type="text/css" />
      <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
      <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
      <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
      </head>

      <body>

      <!--logo-->
      <div class="logo" "col-md-2">
      <img src="http://www.drawingnow.com/file/videos/image/1376476137.jpg"/>
      </div>
      <!--heading-->
      <header class="container">
      <h1>Cupcake Fixation</h1>
      <p><strong>"We take your addiction seriously!"</strong></p>
      </header>
      <!-

      Richard DeemingR Offline
      Richard DeemingR Offline
      Richard Deeming
      wrote on last edited by
      #2

      The first problem is most likely caused by the "drop downs" script at the bottom: http://twitter.github.io/bootstrap/assets/js/bootstrap-dropdown.js[^] That URL gets redirected to the Bootstrap 2.3.2 home-page[^], which isn't a javascript file. It looks like that script was build for Bootstrap v2. Assuming you're using Bootstrap v3[^] - which you should be, since v2 is no longer supported - the old script wouldn't work anyway. Bootstrap v3 already includes support for drop-downs, so you can simply remove that script tag. Your "logo" tag is incorrect - the "col-md-2" should be part of the class attribute:

      <div class="logo col-md-2">

      That class means that the logo will take up 1/6th of the page width. It doesn't have anything to do with centring the element. Bootstrap : Grid system[^]


      "These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer

      "These people looked deep within my soul and assigned me a number based on the order in which I joined" - Homer

      1 Reply Last reply
      0
      • U User 11744147

        hi i havent been coding long, im learning on my own using the internet, youtube etc. i am trying to us all the knowledge ive learn so far to code a basic website. i have having a couple of problems. 1/ first this error message is appearing on the console when i inspect the webpage i am creating?? Uncaught SyntaxError: Unexpected token < 2/ second i cant seem to do simple actions with css on my html using the bootstrap classes, i know its all correct in terms of the files being connected to sublime as i can copy and paste from bootstrap and the nav bars with drop downs work fine. (i assume that if they work that it all set up properly on my text editer?) i am trying to centre the logo, heading and menu at the moment. This is my html code.....

        <!DOCTYPE html>
        <html lang="en">
        <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>Cupcake Fixation</title>

        <!---google fonts-->
        <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <!--css stylesheet-->
        <link href="style.css" rel="stylesheet" type="text/css" />
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        </head>

        <body>

        <!--logo-->
        <div class="logo" "col-md-2">
        <img src="http://www.drawingnow.com/file/videos/image/1376476137.jpg"/>
        </div>
        <!--heading-->
        <header class="container">
        <h1>Cupcake Fixation</h1>
        <p><strong>"We take your addiction seriously!"</strong></p>
        </header>
        <!-

        L Offline
        L Offline
        Lost User
        wrote on last edited by
        #3

        You need to close the anchor tag before closing the listitem tag li a /li /a <-- should be --> li a /a /li

        There are strangers on the Plain, Croaker

        1 Reply Last reply
        0
        • U User 11744147

          hi i havent been coding long, im learning on my own using the internet, youtube etc. i am trying to us all the knowledge ive learn so far to code a basic website. i have having a couple of problems. 1/ first this error message is appearing on the console when i inspect the webpage i am creating?? Uncaught SyntaxError: Unexpected token < 2/ second i cant seem to do simple actions with css on my html using the bootstrap classes, i know its all correct in terms of the files being connected to sublime as i can copy and paste from bootstrap and the nav bars with drop downs work fine. (i assume that if they work that it all set up properly on my text editer?) i am trying to centre the logo, heading and menu at the moment. This is my html code.....

          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
          <title>Cupcake Fixation</title>

          <!---google fonts-->
          <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
          <!-- Bootstrap -->
          <link href="css/bootstrap.min.css" rel="stylesheet">
          <!--css stylesheet-->
          <link href="style.css" rel="stylesheet" type="text/css" />
          <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
          <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
          <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
          </head>

          <body>

          <!--logo-->
          <div class="logo" "col-md-2">
          <img src="http://www.drawingnow.com/file/videos/image/1376476137.jpg"/>
          </div>
          <!--heading-->
          <header class="container">
          <h1>Cupcake Fixation</h1>
          <p><strong>"We take your addiction seriously!"</strong></p>
          </header>
          <!-

          A Offline
          A Offline
          Anil Vaghasiya
          wrote on last edited by
          #4

          Just Wellformed your html and Close your span tag that is not closed inside UL and Li. Use the Below Code

          *   [Home](#)
          *   [About](#)
          *   [Recipies](#)
          *   [Frosting](#)
          *   [Contact Us](#)
          
          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Categories
          • Recent
          • Tags
          • Popular
          • World
          • Users
          • Groups