Member Avatar for Stefce

I want to make this table with HTML and CSS but somehow the image cant appear in the browser... Can you help me?
https://prnt.sc/rmo2xl

.box-border { display: inline-block; border: 1px solid; height: 80px; width: 100%; } .image-position { display: inline-block; } <div class="box-border"> <div class="image-position"> <img src="igniteLogoImage.png" alt="asdasd" width="42" height="42"> </div> <span>Gurcino Team</span> <span>Pool Builders</span> <span>Pricing Options</span> </div>
Edited by Stefce
  • 1 Contributor
  • 2 Replies
  • 1K Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by Stefce
Member Avatar for Stefce

So far i have managed to show the image and position a little bit but i dont get it why it does not appear the same as the image?

<!DOCTYPE html> <html lang="en"> <head> <title>Android List</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/searchbox.css"> <script src="https://kit.fontawesome.com/6cc53d1765.js" crossorigin="anonymous"></script> <style type="text/css"> body { background-color: #1d1d27; } .ignitionText { margin-top: 10px; animation: move 2s linear infinite; background-image: linear-gradient(to right, #fe8a71, #f6cd61, #3da4ab, #0e9aa7, #fe8a71); background-size: 200% auto; font-size: 40px; font-weight: 700; letter-spacing: 1px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: Arial; } .box-border { display: inline-block; border: 1px solid; padding: 10px; height: 80px; width: 100%; } .image-position { display: inline-block; width: 52px; height: 52px; } .info-text { display: inline-block; color: white; list-style: none; } </style> </head> <body> <center> <img src="ignitionLogo.svg" width="90" style="padding-top: 30px;"> <br> <h1 class="ignitionText">List</h1> <br> </center> <div class="wrap"> <div class="search"> <input type="text" class="searchTerm" placeholder="What are you looking for?"> <button type="submit" class="searchButton"> <i class="fa fa-search"></i> </button> </div> </div> <hr> <div class="box-border"> <div class="image-position"> <img src="ignitionLogoImage.png" alt="asdasd" width="100%" height="100%"> </div> <ul class="info-text"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> </body> </html>

Here is how its looking on mine website
https://prnt.sc/rn8nlb

Edited by Stefce
Member Avatar for Stefce

Someone can help or not? :/

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.