Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About ishan_shah

  • Rank
  • Birthday 11/07/1995

Contact Methods

  • Website URL

Profile Information

  • Gender
  • Location
  • Interests
    HTML, CSS, JavaScript, C#

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hi @ughhope, I have tried to code as per your requirement. I think you should try this once. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container { position: relative; width: 50%; } .image { display: block; width: 100%; height: auto; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #008CBA; } .container:hover .overlay { opacity: 1; } .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } </style> </head> <body> <h2>Fade in Overlay</h2> <p>Hover over the image to see the effect.</p> <div class="container"> <img src="https://www.roadtestreviews.com/wp-content/uploads/2014/11/mustang-batcave-017.jpg" alt="Avatar" class="image"> <a href="https://www.google.com/" class="overlay"></a> </div> </body> </html> I hope it will work as per your requirements. I have also added an anchor tag for your second query.
  2. Hello @smeeks87, I have tried your code and also I have made some changes in your code in <style>. I am attaching the file after solving your issue. Kindly check it. Thank You. 2123815979_holman-bmw-ft-lauderdale-accordion-x7-page_v3nocarousel (1).html
  3. Hi @Slevin, According to me you should try following code. It will work as per your requirement. You just have to add following item into your CSS. justify-items: center;
  4. ishan_shah


    Hello @Rakibul Hasan, For SEO purpose you have following tutorial sites for learning it from basic to expert level. https://www.tutorialspoint.com/seo/index.htm https://www.javatpoint.com/seo-tutorial
  5. Hi @danh4648, As much as I know, w3schools does not allow you to create account to learn the tutorials. But for forums you can create the account and learn more from this forums. w3schools does not provide any storage functionalities for your completed exercise.
  6. Hello, I have tried the following query. I hope it will work for you also. select * from [table_name ]where SUBSTRING(col_name,len(col_name),len(col_name)) in ('a','e','i','o','u'); Or in case of case sensitivity, you should try following query. select * from TABLE_NAME where SUBSTRING(COL_NAME,len(COL_NAME),len(COL_NAME)) in ('a','e','i','o','u','A','E','I','O','U') I have tried other one query also. It is as follows: select * from TABLE_NAME where (RTRIM(COL_NAME)) like '%a' or (RTRIM(COL_NAME)) like '%e' or (RTRIM(COL_NAME)) like '%i' or (RTRIM(COL_NAME)) like '%o' or (RTRIM(COL_NAME)) like '%u'
  7. Hello, You can give multiple styles using semicolons(;) to a single element. Following is the example of the same as an inline CSS. <h1 style="color:blue; text-align:center"> Your Text </h1> In case you want to apply internal CSS then your code will be as follows: <h1 id="header1">Your Text</h1> #header1 { color:blue; text-align:center }
  8. Hello, You should use cellspacing attribute of the table element for spacing between two columns of the table. Following is the example code of the same. <table cellspacing="10"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>100</td> </tr> </table>
  9. Hello, You should try following code. <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Masterclass Of Indigo | Udstillinger</title> <link href="../main.css" rel="stylesheet" type="text/css"> <link href="../footer.css" rel="stylesheet" type="text/css"> <link href="../tablet768.css" rel="stylesheet" type="text/css"> <link href="../mobile400.css" rel="stylesheet" type="text/css"> <!-- Font 5 icons --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"> <style type="text/css"> .rosenfeldt-box { height: 200px; background-color: #FF00D7; background-image: url("2017RosenfeldtMenu.JPG"); background-size: cover; margin: 1%; } .kulturnat-box { height: 200px; background-color: #FF00D7; background-image: url("2018KulturnatMenu.jpg"); background-size: cover; margin: 1%; } </style> </head> <body> <span>&nbsp;<a href="http://masterclassofindigo.art"><i class="fas fa-home" style="font-size:36px;color:white"></i> </a></span><a href="http://masterclassofindigo.art" style=" color: white;"> <span> <overskrift>&nbsp; Udstillinger</overskrift> </span> <hr> </a><main><a href="http://masterclassofindigo.art"> <span> </span></a><div class="rosenfeldt-box"><a href="http://masterclassofindigo.art"> </a><h2><a href="http://masterclassofindigo.art"> </a><a href="2017Rosenfeldt.html">Rosenfeldt 2017</a> </h2> </div> <span> <div class="kulturnat-box"> <h2> <a href="2018Kulturnat.html">Kulturnat Vordingborg 2018</a> </h2> </div> </span> </main> <hr> <footer> <p class="footerDisclaimer">2019 Copyrights - <span>All Rights Reserved - </span>MasterclasOfIndigo.art</p> <p class="footerNote">Cookiefri hjemmeside | No Cookies</p> </footer> </body></html>
  10. Hello, JavaScript can be used to change the HTML content as well as mostly used for the validations of the input types. you can apply JavaScript in two ways. Either internal or externally. When you write your JS code in between <script>, then it is called Internal JavaScript. E.x. <script> function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } </script> When you write your JS code in a separate file and then give its path to src attribute in <script>, then it is called External JavaScript. E.x. Your Js File: function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } <script src="script.js"></script>
  11. Hello, You can simply use the between clause to find the records between the given dates. SQL query can be written as follows: SELECT * FROM TABLE WHERE Failure-Dates IS BETWEEN FROM_DATE AND TO_DATE
  12. Hello, You can do it with the use of bootstrap. Apply row class and then use two div in a single div which has row class.
  13. Hello, You may have given a <br> in between or it may be like there is a div tag in between navbar and that div.
  14. ishan_shah

    if statement

    Hello, If you have simple if condition then you can use ternary operator instead of if condition. Syntax is as follows: (condition) ? "code if condition is true" : "code if condition is false";
  15. ishan_shah

    Universal selector

    If you have only header tags in your HTML than you can use * as an universal selector. Or else you can give names if there are only few tags as you don`t want to give class to the all elements.
  • Create New...