Jump to content

Sherin

Members
  • Posts

    76
  • Joined

  • Last visited

Posts posted by Sherin

  1. only one h1 tag on a single webpage . however there can be multiple h2 to h6 tags .if you are using  HTML5 you could have only one h1 tag per section.  either you can use p tag on your page and you have to add css on your p tag.  

  2. <!DOCTYPE html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
      </head>
    
      <body>
        <div class="container">
          <h2>Glyphicon Examples</h2>
          <p>User: <span class="glyphicon glyphicon-user"></span></p>    
          <p>Login:
            <a href="#">
              <span class="glyphicon glyphicon-lock"></span>
            </a>
          </p>
          <p>Alignment :<span class="glyphicon glyphicon-align-justify"></span></p>
          <p>Search icon on a button:
            <button type="button" class="btn btn-default">
              <span class="glyphicon glyphicon-search"></span> Search
            </button>
          </p>
          <p>
            <button type="button" class="btn btn-info">
              <span class="glyphicon glyphicon-heart-empty"></span> Wishlist
            </button>
          </p>
          <p>Like <span class="glyphicon glyphicon-thumbs-up"></span></p>      
          <p>Download:
            <a href="#" class="btn btn-success btn-lg">
              <span class="glyphicon glyphicon-download"></span> Download 
            </a>
          </p> 
        </div>
        
      </body>
    </html>

    You can also more glyphicon icons you can following this link

    https://glyphicons.bootstrapcheatsheets.com/

    W3 CSS

    hello dkx4hws,

    css is used in any server side language. May be your css href path is not called in your asp.net in forms.

  3. On Sql You have try to cross join query in this way


     

    SELECT Suppliers.SupplierID ,Products.ProductName,Suppliers.SupplierName,Suppliers.Address,Suppliers.Phone from Products,Suppliers order by ProductID;

     

  4. You want to try this

    create table product
    (
      p_id int primary key,
      prod_name  varchar(20),
      price varchar(5)
      );
    
    insert into product values(1,"Milk",100);
    insert into product values(2,"Buttermilk",120);
    insert into product values(3,"Paneer",80);
    insert into product values(4,"Cheese",150);
    insert into product values(5,"Ghee",700);
    
    select * from product

    You can get the max price from table

    SELECT prod_name, MAX(price)
    FROM product
    GROUP BY prod_name;

    You can get min price from table

    SELECT prod_name, MIN(price)
    FROM product
    GROUP BY prod_name;

     

  5. You have declare to class name after hover but actually hover is pseudo-classes and it defines after class name

    .img-text-wrapper .subtitle :hover
    {
    
    font-weight:600;
    
    color:lightgreen;
    
    }
    
    
    
    .country .subtitle2 : hover 
    {
    
    font-weight:600;
    
    color:black;
    
    padding-bottom:60%;
    
    }

     

  6. you can try to set interval method:

    Jquery:

      $(function () {
                $("button").click(function () {
                    debugger;
                    count = 0;
                    wordsArray = ["First Text", "Second Text", "Third Text"];
                    setInterval(function () {
                        count++;
                        $("#word").fadeOut(400, function () {
                            $(this).text(wordsArray[count % wordsArray.length]).fadeIn(400);
                        });
                    }, 2000);
                });
            });

    Html:

    <button>Click me</button>
    <div id="word"></div>
  7. First of all you can add the library of w3.css

    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

     

    Then add this class 

    <table class="w3-table w3-striped">

     

  8. You can try  this way in html:

    <ul>
    
    <li><img src="sqpurple.gif"><</li>
    
    <li><img src="apple.gif"></li>
    
    <li><img src="arrow.gif"></li>
    
    </ul>
    css:
    
    li{
    
    list-style-type:square;
    
    }

     

  9. If you  use aspnetcore then pass its Httpmethods calls and after Ispost calls and you pass this method the parameter pass in IsPost method is request.method

    @{
    
    if(HttpMethods.IsPost(Request.Method))
    
    {
    
    var num1=Request.Form["text1"];
    
    var num2 = Request.Form["text2"];
    
    }
    
    }
    
     

     

  10. You have declare where with  not operator it is using where clause after you have column_name declare and after not operator

    select * from Customers
    
    Where Country Not In ('Germany','USA','Mexico')

     

  11. You have a select only one table from fetch data in your query. Join the two table using sql query you need to on clause after matching id from both table

    select table1.column1, table1.column2, table2.column1....
    
    from table 1
    
    Inner join table 2
    
    On table 1.matching_column = table 2.matching_column
    
    where table1.column2 < 10

     

  12. Hi,
    You should try the following CSS. I hope it will work for your.

    tr:before {
        content: "Text";
        font-size: 0.5em;
        display: inline-block;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
  13. Try using this way

    <button onclick = "someFunction()">Button</button>

     

    Else you can even try :

     

    <button class="someFunction">button</button>
    
    <script>
    $(".someFunction").click(function(){
        alert("This is a function");
      });
    </script>
    • Like 1
  14. A tooltip is a graphical user interface (GUI) element to display information about an item without needing to click on it.

    And you can use it with both text as well as image. 

  15. Try updating the code like this :

    select A.country, count(A.N1) as N
    from 
         (select country,Count(CustomerID) as N1 from customers group by country) as A
    left join 
        (select country,Count(CustomerID) as N2 from customers group by country) as B 
         on A.N1=B.N2 group by A.Country

     

  16. Give css property display flex and text-align center.

     

    <!DOCTYPE html>
    <html>
    <head>
      <style>
        h1{
          display:flex;
          text-align : center;
        }
      </style>
    </head>
    <body>
    <h1> We buy cars <br/>city </h1>
    </body>
    </html>
×
×
  • Create New...