bahabaltaci
Decapat
- Katılım
- 23 Mayıs 2023
- Mesajlar
- 13
Daha fazla
- Cinsiyet
- Erkek
Merhaba sitemde Header'ımı güzelleştirmek istiyorum codexnook.com adlı sitemin arayüzünü güncelliyorum ve ana sayfa, üye ol, giriş yap düğmelerini sağa yaslamak istiyorum nasıl yapabilirim?
</Nav>
</Body>
</Html>[/CODE]
HTML:
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="main.css" />
<head>
<title>CodexNook</title>
</head>
<body>
<header>
<div class="logo-container">
<h1>CodexNook.com</h1>
</header>
<nav>
<?php
if (@$_SESSION["uye_id"]) {
echo '<a href="index.php">Anasayfa</a>';
echo '<a href="profil.php?kadi=' . @$_SESSION["uye_kadi"] . '">Profilime Git</a>';
echo '<a href="uyelik.php?p=cikis">Çıkış Yap</a>';
} else {
echo '<a href="index.php">Anasayfa</a>';
echo '<a href="uyelik.php?p=kayit">Üye Ol</a>
<a href="uyelik.php">Giriş Yap</a>';
}
?>
[CODE=css]body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo-container {
display: flex;
align-items: center;
}
h1 {
margin: 0;
margin-right: 10px;
}
nav {
background-color: #f4f4f4;
padding: 10px;
display: flex;
align-items: center;
}
nav a {
color: #333;
text-decoration: none;
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
nav a:not(:last-child) {
margin-right: 5px;
}
nav a:hover {
background-color: #ddd;
}
center {
margin-top: 20px;
}
table {
width: 80%;
margin: 0 auto;
border-collapse: collapse;
border: 1px solid #ccc;
}
table td {
padding: 10px;
}
table strong {
font-size: 18px;
}
table ul {
margin: 0;
padding-left: 20px;
}
table ul li {
margin-bottom: 5px;
}
h2 {
margin-top: 20px;
}
h2,
ul {
margin-left: 40px;
}</Nav>
</Body>
</Html>[/CODE]