Vraag : CSS Kwesties…

Hello deskundige-Uitwisseling! Dit die mijn eerste post bij deze website zijn heb ik zo veel over gehoord. Ik ben nieuw aan Webontwikkeling en leer more and more, maar css is tot dusver een strijd met me geweest. Ik heb bij het omzetten van een photoshopmodel in geldige HTML/css gewerkt. Het is een eenvoudig thema (ik denk) en hoewel ik wat vooruitgang heb geboekt ik bang ben is mijn code onzorgvuldig aangezien dingen begon geworden te breken en ik groeide meer gefrustreerd krijgend dingen in de juiste plaats. Op dit punt ik ben zeker niet wat mijn vraag, enkel is kan iemand me van dit steek houden helpen? Ik weet ik bij dit nieuw ben en misschien dit niet zelfs de juiste plaats is om de grondbeginselen te leren, maar een punt in de juiste richting zou zeer gewaardeerd worden. Droevig zo lang ging dit, is hier de code (is eerst HTML, is tweede css):

" codeBody "

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:

Human Middel Associates

Home
Our Team
Services
Contact Us

-->

Welcome aan Menselijke middelen Associates

Pellentesque senectus van inwonersmorbi tristique et netus et malesuadabekendheidsac turpisegestas. Tortor van Vestibulum quam, feugiat vitae, ultricies eget, tempor zit amet, ante. De EU Libero van Donec zit amet quam egestas semper. Ultricies mi van Aenean vitae est. Mauris placerat eleifend leo. Quisque zit amet est et sapien ullamcorper pharetra. Wisi van Vestibulum erat, condimentum sed, commodovitae, ornare zit amet, wisi. Fermentum van Aenean, elit eget tincidunt condimentum, rutrumorci van erosipsum, sagittistempus lacus enim ac dui. Donec niet enim in turpis pulvinar facilisis. Felis van Ut. Dapibus van Praesent, neque faucibus van identiteitskaartcursus, tortor neque egestas augue, EU van de de EU vulputate de magna eros erat. Aliquam erat volutpat. Dui mi van Nam, tincidunt quis, accumsan porttitor, facilisisluctus, metus

" codeBody " 


1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:


body {kleur: zwart; doopvont: 14px Georgië, Serif;}

a {tekst-decoratie: niets;}
img {grens: 0;}

#wrap {marge: auto 0; breedte: 770px; }

.sidebar {vlotter: linker; breedte: 190px; grens: 2px stevige #e9e8e8;

				achtergrond: #82909e; /* voor niet-css3 browsers */
				filter: progid: DXImageTransform.Microsoft.gradient (startColorstr='#98a3af', endColorstr='#718190'); /* voor D.W.Z. */
				achtergrond: - lineaire webkit-gradiënt (, 100% 0%, 0% 0%, van (#718190), aan (#98a3af)); /* voor webkitbrowsers */
				achtergrond: - verlaten moz-lineair-gradiënt (, #98a3af, #718190); /* voor firefox 3.6+ */;}
			
#nav-bar #wrap {positie: relatief;  recht: 80px;}

#header-embleem .sidebar {positie: relatief; vlotter: linker; marge-linkerzijde: 200px; }

#bottom {positie: relatief; breedte: 190px; grens: 2px stevige #e9e8e8; hoogte: 100%; recht: 15; z-index: 0;

				achtergrond: #82909e; /* voor niet-css3 browsers */
				filter: progid: DXImageTransform.Microsoft.gradient (startColorstr='#98a3af', endColorstr='#718190'); /* voor D.W.Z. */
				achtergrond: - lineaire webkit-gradiënt (, 100% 0%, 0% 0%, van (#718190), aan (#98a3af)); /* voor webkitbrowsers */
				achtergrond: - verlaten moz-lineair-gradiënt (, #98a3af, #718190); /* voor firefox 3.6+ */; }
				
				


#main-nav {breedte: 750; }
#main-nav ul {positie: relatief; Bovenkant: 150px; linkerzijde: 15; lijst-stijl: niets;}
#main-nav Li a {vertoning: blok; tekst-richt me: centrum; breedte: 130px; vlotter: linker; kleur: zwart; doopvont: 20px Georgië; }
#main-nav Li a: hang, #main-nav Li a: actief {kleur: rood;}

#main-inhoud {positie: relatief; bovenkant: 180px; linkerzijde: 15;}
#main #slide {breedte: 743; positie: relatief; }
#main #text {vlotter: recht; }

#line1 {vlotter: linker; breedte: 537px; hoogte: 1px; achtergrond: #145495; }
#line2 {vlotter: linker; breedte: 537px; hoogte: 1px; achtergrond: #FFFFFF; }
#line3 {vlotter: linker; breedte: 537px; hoogte: 1px; achtergrond: #7d8c9a; }

#footernav {breedte: 688; positie: relatief; lijst-stijl: niets; het opvullen: 5px, 0,5px, 0;}
#footernav Li a {vertoning: blok; tekst-richt me: centrum; breedte: 52; vlotter: recht; kleur: zwart; doopvont: 10px Georgië; }
#footernav Li a: hang, #footernav Li a: actief {kleur: rood; }

Attachments:

van

Mockup.jpg (382 KB) Here is de website mock-up