Archief - CSS: Hoe moet ik dit coden ?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
s

sean247

Legacy Member
Ok im trying to do css again . I started but quit because i had no time now i want to start again. So im starting by coding a template in css.

Now i have a few questions:

This is the template fully from photoshop ( Jpeg Image )
Click Here for Template

What i have so far : Click Here


Now the questions

1. How can i get the header to the very top.

2. How i can do the navigation bar because i have no clue where to start.

3. And same for the three boxes ( lastest topics, events, and lastest news)

Any help is appreciated

Thank you
Socca

Sorry om het in engels te hebben maar ik heb op dit moment geen tijd om het opnieuw in nederlands te tippen :D
D

Devastate

Legacy Member
1) padding-top (10px) weghalen; margin-top (7px) weghalen
2) neem mss eerst heel het boeltje errond in 1 image , de tekst kan je dan via image replacement erbovenop plaatsen
3) box per box benaderen, wat slicen zodat je kan vergroten (mss). dan de boxes 1 voor 1 floaten zodat ze tegen elkaar komen. wat met margin spelen om alles mooi te krijgen.
s

sean247

Legacy Member
Ok wat bedoel jij met margin-top 7 px omdat ik dat niet heb
maar ik heb wel het 10 px padding top weg gehaalt
D

Devastate

Legacy Member
margin-top heb je wel. heb ff rechecked. op je body heb je padding 10px en margin 8px. voor je top moeten die eruit.

Code: 
margin: 0px 8px 8px 8px;
padding: 0px 10px 10px 10px;
s

sean247

Legacy Member
Dit is al ik heb voor index.html

Code: 
<html>
<head><title> Test</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
	background-color: #2f2e2c;
	background-image: url(images/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
	
	}

</style></head>
<body><div id="header"><center><img src="images/header.jpg" /></center></div>
</body>
</html>
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan