Hey helpmijers,
Ik ben wat dingen aan het proberen voor een nieuwe layout van mn website, maar ik kom er even niet meer uit.
Ik probeer in een divje (menu) de tekst omhoog te krijgen maar ik krijg het niet voor elkaar.
dit zijn de codes.
de CSS file
en de website klik
iemand een idee wat het kan zijn?
alvast bedankt!
Ik ben wat dingen aan het proberen voor een nieuwe layout van mn website, maar ik kom er even niet meer uit.
Ik probeer in een divje (menu) de tekst omhoog te krijgen maar ik krijg het niet voor elkaar.
dit zijn de codes.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="default.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>RepairIt</title>
</head>
<body>
<div id="header">
<h1>REPAIRIT-GOUDA</h1>
<h2>VOORBETAALBAAR PC ONDERHOUD</h2>
</div>
<div id="menu">
<h1>HOME</h1>
<h1>DIENSTEN</h1>
<h1>SERVICE</h1>
<h1>CONTACT</h1>
</div>
</body>
</html>de CSS file
Code:
@charset "utf-8";
/* CSS Document */
body
{
margin: 0px;
padding: 0px;
background: #353535;
font-family: "Arial","Trebuchet MS", Helvetica, sans-serif;
font-size: 15px;
color: #FFF;
}
#header
{
/*positie*/
position:relative;
left: -20px;
top: 20px;
float: left;
/*container*/
width: 275px;
height: 65px;
background: #37a4df url(images/header.png);
border-radius: 6px;
-moz-border-radius: 6px; /* Firefox 3.6 and earlier */
padding: 6px 10px 0px 30px;
}
#header h1
{
color: #FFF;
font-size: 30px;
text-shadow: -1px -1px 2px #000;
font-weight: bold;
margin: 0px;
}
#header h2
{
color: #FFF;
font-size: 14px;
font-weight: bold;
margin: 0px;
}
#menu
{
/*positie*/
position: relative;
left: 5px;
top: 100px;
/*container*/
width: 150px;
height: 220px;
background: #6b6b6b;
border-radius: 6px;
-moz-border-radius: 6px; /* Firefox 3.6 and earlier */
padding: 0px 10px 10px 10px;
}
#menu h1
{
/*tekst*/
color: #FFF;
font-size: 30px;
font-weight: bold;
margin: 0px auto;
vertical-align:top;
}en de website klik
iemand een idee wat het kan zijn?
alvast bedankt!
