• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Bild Positionieren

favouritestaar

Neues Mitglied
Hey Leute habe bisschen Probleme mit der Website.. Will gerne mein besten Freund die Seite programmieren, aber habe jetzt schon Probleme bei dem Bild.

Kann mir da vllt jemand helfen Unbenannt.PNG?

LG
 
Werbung:
Werbung:
Hey, das habe ich soeben versucht und muss leider sagen, dass es nicht geklappt hat...

ich schick dir mal meine HTML Seite... vllt habe ich da iwo ein Fehler.. Und danke schonmal :)


<!Doctype htmll>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title> Cerkin´s Barber Shop</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style1.css">
</head>

<body>
<nav>

<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>

<div class="logo"> Cerkin´s Barber Shop

<img src="cerkinlogo.png" class="logo">
</div>

<ul>

<li><a class="active" href="#">Home</a></li>
<li><a class="active" href="#">Über uns</a></li>
<li><a class="active" href="#">Models</a></li>
<li><a class="active" href="#">Youtube</a></li>
<li><a class="active" href="#">Online Shop</a></li>
<li><a class="active" href="#">Impressium</a></li>
<li><a class="active" href="#">Feedback</a></li>

</ul>

</nav>

</body>
<section>


</section>




</html>
 
ich schicke dir noch meine CSS Seite

*{
padding: 0;
margin: 0;
text-decoration: none;
list-style: none;
box-sizing: border-box;
}
body {
font-family: montserrat;
}
nav{

background: black;
height: 80px;
width: 100%;
}
label.logo{
color: white;
font-size: 35px;
line-height: 80px;
padding: 0; 100px;
font-weight: bold;
}
nav ul{
float: right;
margin-right: 20px;
}
nav ul li{
display: inline-block;
line-height: 80px;
margin: 0 5px;
}
nav ul li a {
color: snow;
font-size: 17px;
padding: 7px; 13px;
border-radius: 3px;
text-transform: uppercase;
}
a.active,a:hover{
background: #1b9bff;
transition: .5s;
}
.checkbtn{
font-size: 30px;
color: white;
float: right;
line-height: 80px;
margin-right: 40px;
cursor: pointer;
display: none;


}

#id-des-containers {

display: flex;
align-items: center;
}
 
Werbung:
Zurück
Oben