Benutzer: Jonar/common.css: Unterschied zwischen den Versionen
Aus Smart Places Network
Jonar (Diskussion | Beiträge) |
Jonar (Diskussion | Beiträge) |
||
Zeile 12: | Zeile 12: | ||
} | } | ||
− | #product-gallery | + | #product-gallery .image { |
position: relative; | position: relative; | ||
} | } | ||
− | #product-gallery | + | #product-gallery .image::after { |
content: attr(title); | content: attr(title); | ||
position: absolute; | position: absolute; | ||
Zeile 25: | Zeile 25: | ||
border-radius: 10px; | border-radius: 10px; | ||
background-color: #ffffcc; | background-color: #ffffcc; | ||
− | padding: | + | padding: 4px; |
color: #000000; | color: #000000; | ||
− | |||
z-index: 1; | z-index: 1; | ||
} | } |
Version vom 8. Februar 2019, 20:30 Uhr
#product-gallery > * { border: 1px solid #c8ccd1; background-color: #f8f9fa; width: 155px; height: 155px; margin: 5px; padding: 14px; box-sizing: border-box; text-align: center; display: grid; place-items: center center; } #product-gallery .image { position: relative; } #product-gallery .image::after { content: attr(title); position: absolute; left: 150px; top: 0; min-width: 200px; border: 1px #aaaaaa solid; border-radius: 10px; background-color: #ffffcc; padding: 4px; color: #000000; z-index: 1; }