Results 1 to 3 of 3

Thread: i am unable to add any heading or paragraph to my document

  1. #1
    Join Date
    Sep 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post i am unable to add any heading or paragraph to my document

    HTML code:
    HTML Code:
    <!doctype html>
    <html>
     <head meta charset="UTF-8"><title>homepage</title>
     <link rel="stylesheet" type="text/css" href="stylesheet.css">
     <script
      src="https://code.jquery.com/jquery-3.3.1.js"></script>
      <script type="text/javascript">
      $(document).ready(function() {
      $('.sidebarBtn').click(function(){
        $('.sidebar') .toggleClass('active');
        $('.sidebarBtn') .toggleClass('toggle');
       })
      })
      </script>
      </head>
     <body>
    <div class="header">
    <div class="marquee">
    <marquee behavior="scroll"  direction="left" bgcolor="#1CC6E8" loop="1000" width="1900px" height="35px" scrollamount="20"  ><p> 💎⚜️HTML stands for Hyper Text Markup Language⚜️💎 
    
    🔶HTML describes the structure of Web pages using markup🔶
    🔶HTML elements are the building blocks of HTML pages🔶
    🔶HTML elements are represented by tags🔶
    🔶HTML tags label pieces of content such as "heading", "paragraph", "table", and so on🔶
    🔶Browsers do not display the HTML tags, but use them to render the content of the page🔶
    </p></marquee></div>
      <h1><font color="#1CC6E8" size="8" face="raceway">HOMEPAGE</font></h1>
    <div class="clsVertical"></div>
    <img src="ckheader.png" height="148px" width="1250px" alt="logo" />
    </div>
    <hr style="height:8px;border:none;color:#1CC6E8;background-color:#1CC6E8;" />
    <div class="sidebar">
    <ul>
        <li><a href="#">Home</a></li>
      <li><a href="#">Gallery</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Some css</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
    <button class="sidebarBtn">
      <span></span>
    </button>
    </div>
    </body>
    </html>
    and css code:
    Code:
    div#logo {
        float: right;
        padding-left: 4px
        
    }
    
    h1 {
       float: left;
    padding-right: 5%;
    padding-top: 1%; 
    }
    
    .clsVertical {
             border-left: 10px solid #1CC6E8;       
             height: 159px;
             float: left;                                   
             padding-left: 2%
    }
    marquee{
    border-top:5px dashed whitesmoke;
    border-right:5px dashed whitesmoke;
    border-bottom:4px dashed whitesmoke;
    border-left:5px dashed whitesmoke;
    padding-top: 4px
    }
    
    body
    {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background: black;
    overflow:auto ;
    }
    .sidebar
    {
        position: fixed;
        top: 216px;
        left:-250px;
        background: #1CC6E8;
        width:250px;
        height:100%;
        transition: .3;
    }
    .active
    {
    left: 0;
    }
    ul
    {
        margin: 0px;
        padding: 20px 0px;
    }
    ul li
    {
        list-style:none;
    }
    ul li a
    {
        padding: 10px 20px;
        color: #ffffff;
        display: block;
        text-decoration: none;
        border-bottom: 1px solid rgba(0,0,0,.2);
    }
    .sidebarBtn
    {
        top: 2px;
        position: absolute;
        right: -50px;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        cursor:pointer;
        background: black;
        border: none;
        outline:none;
    }
    .sidebarBtn span
    {
        display: block;
        width: 35px;
        height:3px;
        background: #1CC6E8;
        position: absolute;
        top: 24px;
        transition: .3s;
    }
    .sidebarBtn span:before
    {
        content: '';
        position: absolute;
        top: -10px;
        width: 100%;
        left:0;
        height:3px;
        background: #1CC6E8;
        transition: .3s;
    }
    .sidebarBtn span:after
    {
        content: '';
        position: absolute;
        top: 10px;
        width: 100%;
        left:0;
        height:3px;
        background: #1CC6E8;
        transition: .3s;
    }
    .sidebarBtn.toggle span
    {
        background: transparent;
    }
    .sidebarBtn.toggle span:before
    {
        top: 0px;
        transform: rotate(45deg);
    }
    .sidebarBtn.toggle span:after
    {
        top: 0px;
        transform: rotate(-45deg);
    }

    plz help me regarding this its very important... im unable to add anything new but im able to edit the things already there. im using vs code

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,815
    Thanks
    48
    Thanked 237 Times in 230 Posts
    Blog Entries
    55

    Default

    I don't see the problem. As a test, replace:
    Code:
    <p> 
    💎⚜️HTML stands for Hyper Text Markup Language⚜️💎 
    🔶HTML describes the structure of Web pages using markup🔶
    🔶HTML elements are the building blocks of HTML pages🔶
    🔶HTML elements are represented by tags🔶
    🔶HTML tags label pieces of content such as "heading", "paragraph", "table", and so on🔶
    🔶Browsers do not display the HTML tags, but use them to render the content of the page🔶
    </p>
    width:
    Code:
    <p> 
    💎⚜️HTML stands for Hyper Text Markup Language⚜️💎 
    🔶HTML describes the structure of Web pages using markup🔶
    🔶HTML elements are the building blocks of HTML pages🔶
    🔶HTML elements are represented by tags🔶
    🔶HTML tags label pieces of content such as "heading", "paragraph", "table", and so on🔶
    🔶Browsers do not display the HTML tags, but use them to render the content of the page🔶
    🔶END OF STORY
    </p>
    By the way, I would suggest to replace width="1900px" inside the marquee tag width width="window.innerWidth+'px'".

  3. #3
    Join Date
    Oct 2018
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    not sure where the problem has occurred.

Similar Threads

  1. Yikes,I am heading to the next level
    By ajfmrf in forum The lounge
    Replies: 74
    Last Post: 11-20-2012, 09:13 PM
  2. Swith Content - move to top of heading
    By jninete in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-16-2012, 04:57 PM
  3. Replies: 5
    Last Post: 11-30-2009, 11:06 PM
  4. adding tab heading highlight to script
    By rich1234 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-25-2008, 12:51 AM
  5. Heading Links CSS
    By kondwanii in forum CSS
    Replies: 1
    Last Post: 09-25-2007, 08:57 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •