Jump to content

shaili_shah

Members
  • Posts

    111
  • Joined

  • Last visited

  • Days Won

    2

Posts posted by shaili_shah

  1. Instead of passing <a> tag in css you can give the class or ID to the specific link that will be style.

    And pass that selector in css.

    Ex:-

    Suppose you have a link like: <a href="#" class="abc">Hyperlink</a>

    <a href="#" class="abc">Anchor tag</a>

    <a href="#" >Navbar Link</a>

    CSS would be like:

    <style>


    .abc:link {
      color: #616161;
    }
    .abc:visited {
      color: #616161;
    }
    .abc:hover {
      color: #8BD448;
    }
    .abc:active {
      color: #2AA8F2;
    }

    </style>

    This will be styled the only link which has the class name "abc".

    Hope you get it.

    Thanks!

    • Thanks 1
  2. Hi, Good Morning.

    You wanted the list that contains the Type = "Teacher" and Subject = "English". So you can do it with the help of join linq query.

    For ex:- As in your case

    var list = (from person in persons 

                    join condition in conditionDictionary on new{ person.subject, person.type } equals new{ condition.subject, condition.type}

                   select person).ToList();

    I hope this would be your answer. If any query regarding this then free to ask.

    Thanks!

  3. Hi, Rugula.

    Code doesn't open in my pc because it needs particular app to open.

    So i think you need a mouse over effect on square areas may be!

    For that you can use the :hover pseudo code in css. And onmouseover and onmouseout event in javascript.

    JS:

    <img onmouseover="fun()" onmouseout="fun1()"/>

    function fun(){ your code};

    Same as onmouseout function.

    CSS:

    img : hover{

    background-color: red;

    }

    I hope you get it. May this is your answer.

    Thanks!

  4. Suppose i have a <div> tag with the class and inside of <div> there is table tag.

    <div class="hover">
    <table>
    <tr>
    <th colspan="4" class="heading">  ABCD </th>
    </tr>
    <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
    </tr>

    <tr class="article">
      <td>abc</td>
      <td>abc</td>
      <td>abc</td>
      <td>abc</td>
    </tr>
    </table>
    </div>

    And css :

    .heading{
      background-color:white;
    }

    .article{
      background-color:lightblue;
    }

    .hover:hover .heading{
      background-color:lightgrey;
    }
    .hover:hover .article{
      background-color:lightgrey;
    }

    Refer the code : https://jsfiddle.net/f72zs8j5/

    This will help you.

    Thanks!

  5. 3 hours ago, newcoder1010 said:

    .footer { background: red; z-index: 2; margin-top: -80px; width: 70%; margin-left: auto; margin-right: auto; }

    Hi, Good Morning.

    You should use the margin-bottom for it. 

    For the project, you should not use the negative margin-padding because it's bad habit and it's difficult to understand for other.

    Hope you get it.

    Thanks!

  6. Hello, Good morning.

    Just write this in your existing code.

    /* Change Colour of Subscribe Button on Hover*/
    #mc_embed_signup .subscribe-button:hover { 
        background-color: #738DFF;
        color: #ffffff;
        display: inline-block;
        display: block;
        margin-right: auto;
        margin-left: auto;
        transform: scale(1.5);  
    }

    And use "transition: transform .2s;" in your button class for better visualization. This will zoom slowly.

    Hope you understand it.

    Thanks!

×
×
  • Create New...