Mastah
the funny thing is \r\n i did
- Oct 25, 2010
- 739
- 41
So I wanted to have a header with a navigator bar as well as a logo but they need to align together.
Here's a little example.
Here's all the code I haz.
Here's the css
Whoever is able to do this for me thank you in advance you're great!
Here's a little example.
Here's all the code I haz.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta itemprop="image" content="/images/192x192.png">
<meta name="mobile-web-app-capable" content="yes">
<meta name="robots" content="index,follow"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title> Lel: Home </title>
<!--- De website icoon niet kopieren alstublieft! --->
<link rel="shortcut icon" href="/images/icon.ico">
<!--- Al de stylesheets kunt u hier vinden --->
<link rel="stylesheet" type="text/css" media="all" href="/css/global.css" />
</head>
<body>
<div id="header">
<div id="header_logo">
Fucken Logo m8
</div>
</div>
<!--- Einde van header --->
</body>
</html>Here's the css
Code:
/* Tabel van content
- Body
- Header
- Logo
- Navigator
*/
body {
margin: 0 auto;
background-color: #F5F5F5;
font-family: Arial;
}
#header {
background-color :#77A6B5;
width: 100%;
height: 45px;
top: 0;
z-index: 500;
position: fixed;
border-bottom: 1px solid #5E838F;
}
#header_logo {
position: relative;
padding: 15px 0px 15px 5px;
float: right;
width: calc(100% - 56px);
color: #fff;
}Whoever is able to do this for me thank you in advance you're great!
