Image on header

Joined
Jun 14, 2018
Messages
103
Reaction score
1
hi again, sorry to be a bother but i'v got my logo on my header near my nav?

and i'm trying to resize the logo to 90px height and width but won't budge?


CSS:
/* Global Styles */
body {
    font-family: Arial, sans-serif;
    background-color: #000;
    color: #343a40;
}

.navbar {
    background-color: #000;
    color: white;
    
    
}

.bg-primary {
    background: linear-gradient(to bottom, #000000 0%, #ff3399 100%);
    
}

.navbar-brand {
    color: #ffffff;
}

.navbar-nav .nav-link {
    color: #ffffff;
}

.jumbotron {
    background-color: #000;
}

.card {
    margin-bottom: 20px;
    background-color: transparent;
    border-color: white;
    color: white;
    
}

h2 {
    color: white;
    
}

/* Footer Styles */
footer {
    background: linear-gradient(to top, #000000 0%, #ff3399 100%);
    color: #ffffff;
}

.footer-links {
    margin-top: 20px;
}

/* Card Styles */
.card-title {
    font-weight: bold;
}

.card-text {
    font-size: 14px;
}

.card-img-top {
    border-radius: 5px;
}

/* Button Styles */
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .logo {
        text-align: center;
    }

    .header-image {
        margin-top: 10px;
        height: 90px;
    }
}


HTML:
<link rel="stylesheet" type="text/css" href="css/styles1.css">
    <script src="https://coolvibes-reloaded.com/audio.js" crossorigin="anonymous"></script>
    
</head>

<body>
    <!-- Navigation Bar -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="col-md-4 col-md-push-4 col-sm-4 col-sm-push-4 logo text-center">
            <a class="navbar-brand" >
                <div class="hide-xs">
                    <img src="img/favicon.png" class="header-image" "width="90px" "height="90px">
                </div>
            </a>

what am i doing wrong
 
Joined
Jul 4, 2023
Messages
370
Reaction score
41
Mistake, too many quotation marks ;)
<img src="img/favicon.png" class="header-image" "width="90px" "height="90px">
HTML:
<img src="img/favicon.png" class="header-image" width="90px" height="90px">
 

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

Members online

No members online now.

Forum statistics

Threads
473,780
Messages
2,569,611
Members
45,286
Latest member
ChristieSo

Latest Threads

Top