Footer code wonky


O

OBXKH

Joined
Feb 15, 2021
Messages
41
Reaction score
0
please see


and


how can i make the icons next to each other left to right?

not up and down as is now?

it works on other pages

thanks!
 
Ad

Advertisements

BigDady

BigDady

Joined
Nov 13, 2020
Messages
228
Reaction score
29
Make it an unnumbered list and style it like any horizontal menu:
Code: 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- <link rel="stylesheet" href="styles.css"> -->
<style>
.foot ul{
    display: inline-block;
    list-style: none;
}
.foot ul li{
    float:left;
}
.foot ul li a{
    display: block;
    padding: 15px;

}
</style>
<title>freeCodeCamp Survey Form</title>
</head>
<body>
    <div class="foot">
    <ul>
        <li><a href="#"><img src="ICONS/black_(17).png" alt="media"></a></li>
        <li><a href="#"><img src="ICONS/black_(20).png" alt="media"></a></li>
        <li><a href="#"><img src="ICONS/black_(14).png" alt="media"></a></li>
        <li><a href="#"><img src="ICONS/black_(23).png" alt="media"></a></li>
        <li><a href="#"><img src="ICONS/black_(12).png" alt="media"></a></li>
        <li><a href="#"><img src="ICONS/black_(83).png" alt="media"></a></li>
        <li><a href="#"><img src="ICONS/black_(19).png" alt="media"></a></li>
    </ul>
    </div>
</body>
</html>
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Non matching code 4
Footer issues 3
Overlaping confusion 2
Validation assistance 2
Chrome not displaying uploaded HTML and CSS code 5
How to have two html audio players on one page? 0
Social media links 8
Footer and bottom of the page. 1

Top