skip to Main Content

Html – how to center background image added by image sprites

.social-media-icon{ display: inline-block; } .social-media-icon a{ text-decoration: none; display: block; text-indent: -9999px; border: 2px solid #c3d4e2; position: relative; height: 36px; width: 36px; background: url(/img/social-icons.png) ; background-repeat: no-repeat; background-position: 50%; } .social-media-icon a:hover{ background-color: #c3d4e2; } .fb-icon a{ background-position: 0 0…

VIEW QUESTION

Html – How do I display a window with information when hovering over an image?"

My code: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Imagem com informações</title> <style> .container { position: relative; display: inline-block; } .info-box { visibility: hidden; width: 200px; background-color: #f9f9f9; color: #333; text-align: center; border-radius: 5px; padding: 10px;…

VIEW QUESTION
Back To Top
Search