ikan Uploader :
Directory : /home/u956822991/domains/kalamasserylocalnews.com/public_html/
Upload File : |
| Current File : /home/u956822991/domains/kalamasserylocalnews.com/public_html/header.php |
<img src="video/header.jpeg" alt="Kalamassery local news" class="fixed-banner">
<!-- Header -->
<header class="new-header">
<div class="header-container">
<nav class="new-nav">
<ul>
<li><a href="index.php" id="live-button" class="nav-link">LiveTv</a></li>
<li><a href="advt.php" id="news-link" class="nav-link">Advt</a></li>
<li><a href="epaper.php" id="epaper-link" class="nav-link">Epaper</a></li>
<li><a href="contacts.php" id="contacts-link" class="nav-link">Contact</a></li>
</ul>
</nav>
</div>
</header>
<br><br><br><br>
<style>
.new-header {
background-color: #2f2f2f;
color: white;
height: 50px;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
padding-top: 55px; /* Added to push header content below image */
}
.header-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.new-nav {
display: flex;
align-items: center;
justify-content: flex-end;
}
.new-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.new-nav li {
margin-left: 20px;
}
.nav-link {
color: white;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
#live-button {
background-color: red;
padding: 10px 20px;
border-radius: 5px;
text-transform: uppercase;
}
/* ✅ Fixed banner image - now above header */
.fixed-banner {
position: fixed;
top: 0; /* Changed from 50px to 0 to be at very top */
left: 0;
width: 100%;
height: auto;
max-height: 150px; /* Added to control image height */
z-index: 1001; /* Increased to ensure it's above header */
object-fit: cover; /* Added to maintain aspect ratio */
}
/* ✅ Push content below the image */
.main-body {
padding-top: 200px; /* Increased to account for both image and header */
}
</style>
........