Nieuw lid |
|
heb net even nieuwe website geschreven de bijgeleverde codes zijn eruit gerold. nu was mijn vraag, de tekst wil ik centreren in het midden, want de background die ik achter mijn content wil plaatsen heeft zijn beide zijkanten zwart waardoor de tekst dan niet zichtbaar is en tevens niet mooi is. De tekst moet dus in 1 DIV in het midden worden geplaatst, wel vanaf links uitlijnend. Dus nog even kort, in een DIV heb ik een achtergrond met 2 zwarte balken, werkelijkheid zo'n 3 cm aan de zijkant van mijn content achtergrond, normaal zou ik daar een tekstvak plaatsen maar dat is in dit geval niet mooi. en waarschijnlijk ook niet effectief. En als laatst nog even een vraag, als ik tekst schrijf in mijn css layout rekt mijn layout helemaal uit, maar het moet gewoon vast staan en de layout moet niet uitrekken in de breedte.
body, html {
background:#FFFFFF;
color:#000000;
font-family:Verdana;
font-size:12px;
height:100%;
margin:0;
min-height:100%;
padding:0;
text-align:center;
}
h1{
font-weight:normal;
font-size:20px;
}
#geheel {
background: #FFFFFF;
height:651px;
margin:0 auto;
position:relative;
text-align:left;
width:900px;
}
#header {
height:300;
width:900px;
background: url(img/header.jpg);
position: relative;
}
#content {
height: 200px;
width:900px;
background: url(img/content.jpg);
repeat-x: fixed;
position: relative;
}
body, html { background:#FFFFFF; color:#000000; font-family:Verdana; font-size:12px; height:100%; margin:0; min-height:100%; padding:0; text-align:center; } h1{ font-weight:normal; font-size:20px; } #geheel { background: #FFFFFF; height:651px; margin:0 auto; position:relative; text-align:left; width:900px; } #header { height:300; width:900px; background: url(img/header.jpg); position: relative; } #content { height: 200px; width:900px; background: url(img/content.jpg); repeat-x: fixed; position: relative; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Welkom op de website van Nick Meijerink" />
<meta name="copyright" content="Nick Meijerink" />
<title>Nick Meijerink</title>
</head>
<body>
<div id="geheel">
<div id="header"> </div>
<div id="content"> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Welkom op de website van Nick Meijerink" /> <meta name="copyright" content="Nick Meijerink" />
|