CODEWITHSUNDEEP
htmlcsshref
cameron.g
cameron.g

Reputation: 33

Create div with image and text as one link

So I'm trying to replicate a link button I saw when browsing the web. The div contains the href link, title for the card, link for the image and further text. For me the only part of it with any kind of link is the title for the card. I'm a bit stumped on what to do, any suggestions?

<div id="advice-card">
    <a href="tyres.html">
        <span id="title">How long do tyres last for?</span>
    </a>
    <div id="advice-card-media">
        <img src="assets/images/car-tyres.jpg" alt="Single tyre with dark background" height="240" width="240">
    </div>
    <div id="advice-card-content">
        Here we go through how long car tyres last and what to look for when buying new tyres.
    </div>
</div>

Upvotes: 1

Views: 1006

Answers (1)

step
step

Reputation: 2410

If I understand what you expect then try put any html element into and it will work like button.

<div id="advice-card">
    <a href="tyres.html">
        <span id="title">How long do tyres last for?</span>
        <div id="advice-card-media">
            <img src="assets/images/car-tyres.jpg" alt="Single tyre with dark background" height="240" width="240">
        </div>
        <div id="advice-card-content">
            Here we go through how long car tyres last and what to look for when buying new tyres.
        </div>
    </a>
</div>

Upvotes: 1

Related Questions