PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
W

site met 0px auto zucht*

Door Wouter K op 09-09-2007 00:50
285 views
Hey ,,
Na het bekijken en advis van anderen door een 0px auto; te gebruiken is de site nietmeer de oude (heb een back-up hoor :p )

Met de 0 px auto kom ik weer to the basics

Een menutje dat verspingt (door verkeerd div gebruik :s ??)
Ja, ik zal even een voorbeel plaatsen.. een secondje gedult

http://users.telenet.be/ronaldinho/site/index2.htm (ik zie nu net dat ik de achtergrond er percies niet opkrijg gezet weet niet waarom :s
edit: inmiddels opgelost)

Je zit ik zit met een hele kleure inspiratie tekort..Foute plaatsing..Ik ga het nooit zonder errors kunnen :(

De header blijft..tenzij in een meer grijs zwart laag..achtergrond bijft altijd samen met de header kleuren..
voor de rest heb ik geen idee's voor men andere balkjes


Kan soms iemand me helpen

(henk nee niet sliced maken ;p )

MVG
H
Henk
09-09-2007 00:55
Oké
w w
09-09-2007 01:09
Zo ?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
	<meta http-equiv="Content-Type" content="text/html; charset="UTF-8"/>
<head>
	<title>Project 1</title>
	<style type="text/css">
	html, body {
		margin: 0px;
		background: url(http://users.telenet.be/ronaldinho/background.JPG);
		font: 11px verdana;
	}
	#content{
		width: 750px;
		margin: 0px auto;
	}
	.header { 
		height: 161px;
		width: 750px;
		background: url(http://users.telenet.be/ronaldinho/Header.jpg) no-repeat;
	}
	.link {
		font-weight: bold;
		height: 30px;
		width: 750px;
		background: url(http://users.telenet.be/ronaldinho/link.jpg);
	}
	.tekstvak {
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
		border: 1px #000 solid;
		height: 250px;
		width: 748px;
		text-align: left;
	}
	.menu {
		filter:alpha(opacity=80);
		-moz-opacity: 0.80;
		opacity: 0.8;
		border-right: 1px #000 solid;
		height: 250px;
		width: 150px;
		text-align: left;
	}
	.copy {
		height: 30px;
		width: 744px;
		background: #000;
		margin-top: 9px;
	}
	div {
		word-spacing: 5px
	}
	a {
		color: white;
		text-decoration:none;
	}
	a:hover {
		color: blue;
		background: url(http://users.telenet.be/ronaldinho/hoverplaatje1.jpg);
	}
	h1 {
		color: #fff;
		text-align: center;
	}
	p.wit {
		color: #fff;
	}
	p.zwart {
		color: #000;
	}
	</style>
</head>
<body>
	<div id="content">
		<div class="header"></div>
		<div class="link">
			<a href="site.htm#">Home</a>
			<a href="site.htm#">Indeling</a>
			<a href="site.htm#">Over Ons</a>
			<a href="site.htm#">Contact</a>
		</div>
		<div class="tekstvak">
			<div class="menu">
				<u><b>Navigatie</b></u>
				<br>
				<p class="zwart">Hier bevindt u zich op de homepagina van deze site</p>
			</div>
		</div>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<div class="copy">
			<p class="wit">Laatst Geupdate 23:55 8/09/2007 - copyright &copy; Wouter Klingeleers - Best bekeken in Firefox</p>
		</div>
	</div>
</body>
</html>
H
Henk
09-09-2007 01:14
Dat ziet er dus zo uit. Ziet er goed uit :-)
w w
09-09-2007 01:17
Oja waar dient de site voor ?
W
Wouter K
09-09-2007 12:58
Voor men peter..Hij is nog verre van klaar ik neem eerst de home grondig aan dat werkt makkellijker..

@Henk :) Je hebt het weer in php gezet en kijk eens grondig er klopt iets niet

de zwarte copy balk staat te ver naarbeneden :)

@ Wieland eigenlijk was dit wel nog geheim.. :) Ik ga het cadaeu doen voor zijn 70ste verjaardag :) Hij heeft een eigen bedrijf..(familiebedrijf)(bedankt vor de moeite al)


Ohja,, iemand soms nog Kleurkeuzes ?
Ik zou ook graag een padding van 4px hebben...Maar ik heb nu staan 0px auto;
Dus hoe krijg ik dit weg ?
H
Henk
09-09-2007 14:10
Wat bedoel je?
Jan Koehoorn
09-09-2007 14:19
@ wouter: als ik je zo lees mis je aardig wat basiskennis van CSS.

Tip: begin gewoon met het doorlezen van de handleiding, dat is de snelste manier om het begin te leren.
b
bart van der veen
09-09-2007 14:24
margin:1px auto 0px 290px; wat moet dit voorstellen (komt uit de tekstvak class)
W
Wouter K
09-09-2007 14:28
@Bart ???Heuh dat heb ik niet geschreven :s

Dan zit er ergens een fout :s

@Jan ok die neem ik direct door..(is wel erg veel he :s je bedoelt zeker dezel link box model : http://www.w3.org/TR/REC-CSS2/box.html )

MVG
Kluerkeuze gezocht..!!
Jan Koehoorn
09-09-2007 14:33
@ wouter: voor wat betreft je padding kun je twee wegen bewandelen

1) van tevoren leg je vast hoe breed je buitenste div moet worden
2) trek daar de padding die je wilt dubbel van af

bijv: buitenste div 900px breed, 10px padding

dan krijg je:

    div#container { width: 880px; padding: 10px; }


De tweede manier is een extra div gebruiken om in je container te zetten, en daar de padding van 10px op te zetten. Meestal noem ik zo'n div een wrapper-div. Het voordeel is dat je niet hoeft te rekenen en dat je meer mogelijkheden hebt voor achtergrond-effecten en zo. De keuze is aan jezelf ;-)

Reageren

Inloggen om te reageren