Html coding question

Hardware & Tech Questions
1

The Marquee tag does not work with many browsers these days and I have tried multiple time to find out how to code the following simple html text using CSS without any luck. I just do not have the programming chops nor can I find and online editor to do it for me.

[marq=left]<img src="images/smiles/006.gif" width="25" height="29"> [size=18]Unable to view videos - Try a different browser[/size] <img src="images/smiles/006.gif" width="25" height="29"> [size=18]Unable to download files - Try a different browser[/size] <img src="images/smiles/006.gif" width="25" height="29">[/marq]

Just hoping that one of our web gurus has an idea for me on how to fix it with current website compliant coding. I am aware that my meager coding attempt is a mix of html and BB code. :sunglasses:

Wheels

2

GPT4 says something like this, and it looks about right:

<div class="marquee">
    <div class="item">
        <img src="images/smiles/006.gif" width="25" height="29">
        <span class="message">Unable to view videos - Try a different browser</span>
        <img src="images/smiles/006.gif" width="25" height="29">
    </div>
</div>

.marquee {
    overflow: hidden;
    position: relative;
    animation: marquee 15s linear infinite;
}

.marquee:hover {
    animation-play-state: paused
}

.item {
    display: flex;
    width: 100%;
    height: 200px;
    justify-content: center;
    align-items: center;
}

.item img {
    width: 25px;
    height: 29px;
}

.message {
    font-size: 18px;
    padding: 0 15px;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

Example file here (change the suffix from txt to html to run it in a browser)
example.txt (954 Bytes)

https://imgur.com/gxbTIjJ

3

I will give it a try and get back to you.
Thanks. :sunglasses:

Wheels