Jump to content

shaili_shah

Members
  • Posts

    111
  • Joined

  • Last visited

  • Days Won

    2

Posts posted by shaili_shah

  1. Give the full source of video where it is stored.

    I've also done the same code for video and it displayed.

    <video width="500px" height="300" align="right" controls>
                    <source src="C:\....\Agra.mp4" type="video/mp4">
                </video>

    Hope you get it.

    Thanks!

  2. I've written the query plz refer it.

    select t.order_count as [score range], count(*) as [number of occurrences]
    from (
      select case  
        when order_amount between 50 and 100 then ' 50 - 100 '
        when order_amount between 101 and 150 then ' 101 - 150 '
        when order_amount between 151 and 200 then ' 151 - 200 '
        when order_amount between 201 and 250 then ' 201 - 250 '
        when order_amount between 251 and 300 then ' 251 - 300 '
        else ' 300+ ' end as order_count
      from order) t
    group by t.order_count order by count(*) .

    I hope you get the output you want.

    Thanks!

  3. rem is an absolute unit relative to the root element of the html document and is commonly used for font size.

    Default root element font size is 16px.

    If we select 1rem then it render the 1rem which is equal to the 16px.

    Hope you'll get this.

    Thanks!

  4. Hii Good Morning.

    You can design your link using bootstrap in more better way.

    There is a simple link, dropdown link, Linkbutton and more.

    I am posting here the dropdown link using bootstrap.

    Ex :- <div class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">DropDown Link
        <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a href="#">First</a></li>
          <li><a href="#">Second</a></li>
        </ul>
      </div>

    You can add these to navbar also.

    I hope you understand it.

    Thanks!

  5. I explain using example.

    <body>
        <a href="#" class="circle">f</a>
    </body>

    And css will :

        .circle {
            border-radius: 100%; 
            padding : 5px;
            background: blue;
            display:inline-block;
            line-height:10px;
            color : white;
            text-decoration : none;            
        }

    use line-height instead of height.

    See output on http://jsfiddle.net/tydj79vp/

    I hope it will help you.

    Thanks!

     

  6. If you are coping that code same for other dropdown then use the different id for both dropdown.

    You don't need to add different css but in javascript you should add other code also or try using target element.

    Implement here

    document.getElementById("myDropdown").classList.toggle("show");

    Hope it'll help you.

    Thanks!

  7. For background in html and css use 

    background-image: url(" ");

    You can use another properties like background-attachment, background-repeat, background-blend-mode etc along with this.

    If there is still query then show me your code.

    I hope it'll be helpfull.

    Thanks!

     

  8. For that you have to change the margin-left of the  " text2 " class.

    And if you want to align properly without this... then i suggest you to use bootstrap " row " and " col " class.

    It will be useful and easy to use.

    I hope this'll help you.

    Thanks!

  9. A property and value pair is called declaration.

    Both property and value is case-insensitive by default in CSS.

    The pair is separated by colon " : ".

    Whenever you put declaration in open and close braces it's called declaration block.

    And declaration inside them is separated by semi-colon.

    ex:

    *{

    color : red;

    margin : 10px;

    }

    I think there is no such type of guidance for declaration block.

    But you should write declaration block first for the whole element (*), after that for body element (body), and last is for every class or id selector.

    I hope this'll help you.

    Thanks!

  10. Its called Overlay images.

    <div class="container">
      <img src=""  class="image">
      <div class="overlay">
        <div class="text">Hello</div>
      </div>
    </div>

     

    First set container and image block 

    .container {
      position: relative;
      width: 50%;
    }

    .image {
      display: block;
      width: 100%;
      height: auto;
    }

    Now when you hover image then

    .container:hover .overlay {
      height: 100%;
    }

    after hover display overlay structure

    .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #008CBA;
      overflow: hidden;
      width: 100%;
      height: 0;
      transition: .5s ease;
    }

    and last is to set text class

    .text {
      color: white;
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
    }

    I hope you find the answer you were looking for.

    Thanks!

  11. In simple HTML form you can use direction attribute. Default is " ltr " means left to right. You make it " rtl " means right to left align.
    <select dir="rtl">
        <option>Home</option>    
        <option>Menu</option>    
    </select>

    And in datalist use "text-align" attribute.

    I hope it'll helpful to you.

    Thanks!

  12. First of all there is a css style given to <button class="dropbtn">meny</button>. In which there is the text color is white and back color is black. And given the padding.

    There is also css style is given to dropdown and dropdown-content.

    Now this class .dropdown-content a { is given for the anchor tag style.

    .dropdown-content a:hover {background-color: white;} when you take your cursor over the anchor tag it's back color will be white. 

    .dropdown:hover .dropdown-content {display: block;} same as here, when hover over the dropdown it'll display in the block.

    .dropdown:hover .dropbtn {background-color: grey;} and when you hover over the dropdown button it's back color will be grey.

     

    I hope you'll understand it.😅

    If there is any question to ask then free to ask me.

    Thanks!

×
×
  • Create New...