css

[Solved] I am trying to popup text when hover on any icon without using javascript or anything else? [closed]

by

You can use the :hover puesdo-class with puesdo-elements to do it. .hover-me::before{ content: ‘YOU HOVERED!!’; background-color: black; color: white; border-radius: 5px; position: absolute; top: 5px; display: none; } .hover-me{ margin-top: 2em; } .hover-me:hover::before{ display: block; } <h1 class=”hover-me”>Hover Me!</h1> 0 solved I am trying to popup text when hover on any icon without using javascript … Read more

[Solved] Image not displayed online?

by

img{ width:210px; height:210px; -webkit-transform:rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); position:absolute; left:100px; top:100px; } <img src=”http://images.all-free-download.com/images/graphiclarge/beautiful_nature_landscape_05_hd_picture_166223.jpg” alt=”logo”> Put your image on server. There are many options using which you can put your image online like imgur, imgbb instead of giving length give height to your image. Hope this helps. solved Image not displayed … Read more

[Solved] how to make div borders slant?

by

You will want a grid like Foundation or Bootstrap. You will want like: <div class=”row” id=”firstBackground”> <!– Contents… –> </div> <div class=”row” id=”secondBackground”> <!– Contents… –> </div> <div class=”row” id=”thirdBackground”> <!– Contents… –> </div> <div class=”row” id=”forthBackground”> <!– Contents… –> </div> I hope it helps. solved how to make div borders slant?

[Solved] Three column design HTML

by

The simple template <div class=”wrapper”> <div class=”left”>Left Content</div> <div class=”middle”>Middle Content</div> <div class=”right”>Right Content</div> </div> —CSS— div.wrapper {width: 1000px; margin: 0px auto;} div.left {width: 250px; float: left;} div.middle{float: left;} div.right{width: 250px; float: left;} 1 solved Three column design HTML

[Solved] Create a sticky header and sticky sidebar? [closed]

by

This is a some idea for you , think a minuet you can do it <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css” integrity=”sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M” crossorigin=”anonymous”> <script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js” integrity=”sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4″ crossorigin=”anonymous”></script> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js” integrity=”sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1″ crossorigin=”anonymous”></script> <body> <nav class=”navbar navbar-expand-md navbar-dark fixed-top bg-dark”> <a class=”navbar-brand” href=”#”>Dashboard</a> <button class=”navbar-toggler d-lg-none” type=”button” data-toggle=”collapse” data-target=”#navbarsExampleDefault” aria-controls=”navbarsExampleDefault” aria-expanded=”false” aria-label=”Toggle navigation”> <span class=”navbar-toggler-icon”></span> </button> … Read more

[Solved] Highlight image regions on hover with CSS

by

They use sprite image look here. Basically, it works like that: The map with dark-blue regions is completely static. There is invisible layer on top of it made from small rectangular in their case <a> — each corresponds to single dark-blue region and posses its its own id. When cursor is placed over a rectangular … Read more

[Solved] lots of unwanted spacing,or whatever it is as soon as i added css script

by

With my comments before in the back of my mind, I think something like this is what you are looking for: /* Use the body for a nice background */ body { background-image: url(“http://cdn.sploder.com/images/hp3/hp_multiplayer_sploderheads2.gif”); background-attachment: fixed; background-size: cover } h2 { margin: 0 } /* Is a container, only holding <li>’s */ ul { display: … Read more

[Solved] Searching for help to learn [closed]

by

w3schools is good for beginners, try to apply all examples, and you can learn from https://www.tutorialspoint.com it’s so rich of valuable information. Also, you can read newest articles publish daily in https://css-tricks.com/ and https://tympanus.net/codrops/ regards 3 solved Searching for help to learn [closed]

[Solved] Drop Down menu not working any idea why? [closed]

by

You’re closing your <li>-s in the wrong place – DEMO It should wrap the submenu <ul> <li><a href=”#”>Testimonials</a> <ul> <li><a href=”#”>Client Reviews</a></li> <li><a href=”#”>Employee Reviews</a></li> <li><a href=”#”>Success Stories</a></li> <li><a href=”#”>Featured Employees</a></li> </ul> </li> 1 solved Drop Down menu not working any idea why? [closed]