Pytanie : CSS Zagadnienie…

Cześć Ekspert-Wymieniać! Ten mój pierwszy poczta przy ten strona internetowa I słuchać tak dużo wokoło. I być nowy sieć rozwój i am uczenie coraz więcej, ale css być walka z do tej pory. I pracować na photoshop mock-up w ważny html/css. Ono być prosty temat (I myśleć) i chociaż I robić niektóre postęp I być przestraszony mój kod dostawać niedbały gdy rzecz zaczynać i I rosnąć sfrustowany rzecz w the prawy miejsce. Przy ten punkt I być pewny to mój pytanie być, właśnie móc, sens? I znać I być nowy przy właściwa wskazówka i być może i wyrównywać the prawy miejsce the podstawy, ale punkt w the właściwa wskazówka ogromnie doceniać. Zmartwiony to pójść więc tęsknić, tutaj być the kod (najpierw być html, po drugie być css):

(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 Zasoby Associates

Home
Our Team
Services
Contact Us

-->

Welcome Dział Zasobów Ludzkich Associates

Pellentesque mieszkaniec morbi tristique senectus et netus et malesuada sława ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor siedzieć amet, stawka. Donec eu libero siedzieć amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque siedzieć amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare siedzieć amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec facilisis enim w turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate Magnum eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

         
           
             (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 {kolor: czerń; chrzcielnica: 14px Gruzja, Serif;}

a {tekst-dekoracja: nikt;}
img {granica: (0);}

#wrap {margines: (0) samochód; szerokość: 770px; }

.sidebar {pławik: lewy; szerokość: 190px; granica: 2px bryła #e9e8e8;

				tło: #82909e; /* dla non-css3 wyszukiwarka *
				filtr: progid: DXImageTransform.Microsoft.gradient (startColorstr='#98a3af', endColorstr='#718190'); /* dla IE *
				tło: - webkit-gradient (liniowy, 100% 0%, 0% 0%, od (#718190), (#98a3af)); /* dla webkit wyszukiwarka *
				tło: - moz-liniowy-gradient (opuszczać, #98a3af, #718190); /* dla firefox 3.6+ *;}
			
#wrap #nav-zakazywać {pozycja: krewny;  dobro: 80px;}

.sidebar #header-logo {pozycja: krewny; pławik: lewy; margin-lewy: 200px; }

#bottom {pozycja: krewny; szerokość: 190px; granica: 2px bryła #e9e8e8; wzrost: 100%; dobro: 15; z-index: (0);

				tło: #82909e; /* dla non-css3 wyszukiwarka *
				filtr: progid: DXImageTransform.Microsoft.gradient (startColorstr='#98a3af', endColorstr='#718190'); /* dla IE *
				tło: - webkit-gradient (liniowy, 100% 0%, 0% 0%, od (#718190), (#98a3af)); /* dla webkit wyszukiwarka *
				tło: - moz-liniowy-gradient (opuszczać, #98a3af, #718190); /* dla firefox 3.6+ *; }
				
				


#main-nav {szerokość: 750; }
#main-nav ul {pozycja: krewny; Wierzchołek: 150px; lewica: 15; spisywać-projektować: nikt;}
#main-nav li a {pokaz: blok; tekst-wyrównywać: centrum; szerokość: 130px; pławik: lewy; kolor: czerń; chrzcielnica: 20px Gruzja; }
#main-nav li a: hover, #main-nav li a: aktywny {kolor: czerwień;}

#main-zadawalać {pozycja: krewny; wierzchołek: 180px; lewica: 15;}
#main-zadawalać #slide {szerokość: 743; pozycja: krewny; }
#main-zadawalać #text {pławik: dobro; }

#line1 {pławik: lewy; szerokość: 537px; wzrost: 1px; tło: #145495; }
#line2 {pławik: lewy; szerokość: 537px; wzrost: 1px; tło: #FFFFFF; }
#line3 {pławik: lewy; szerokość: 537px; wzrost: 1px; tło: #7d8c9a; }

#footernav {szerokość: 688; pozycja: krewny; spisywać-projektować: nikt; podszycie: 5px, 0,5px, (0);}
#footernav li a {pokaz: blok; tekst-wyrównywać: centrum; szerokość: 52; pławik: dobro; kolor: czerń; chrzcielnica: 10px Gruzja; }
#footernav li a: hover, #footernav li a: aktywny {kolor: czerwień; }

           
         

Attachments:

Mockup.jpg (382 KB) (Kartoteka Typ Szczegół)

Here być the strona internetowa mock-up