Yukardaki resmi kaydedip fireworks'da açsana.Altta da css kodlarını veriyorum.
Buda asp.nette kodlanmış hali ********** Sen bana css kodlarını bide html kodlarını yollasana bana bu tasarımın ozman anlarsın ne demek istediğimi.Ben bütün kodlarını vermeye hazırım burda.
(Çizimini bir daha söylüyorum sıfırdan yaptım)
img {
border:none;
}
a {
text-decoration:none;
color:#185798;
}
table,tr,td,h1,h2,h3,h4,h5,h6,p,pre,ul,li,input,textarea {
border:none;
margin:0;
padding:0;
}
:focus {
outline:none;
}
.body {
background-color:#FFF;
text-align:center;
margin:auto;
padding:0;
}
.anadiv {
width:950px;
height:855px;
margin:auto;
}
.ust {
width:950px;
height:95px;
margin-bottom:10px;
}
.logo {
width:390px;
height:95px;
float:left;
}
.email {
width:134px;
height:94px;
float:right;
margin-top:10px;
}
.menu {
width:950px;
height:60px;
background-image:url(images/menu.png);
float:left;
}
#anasayfa {
width:112px;
height:50px;
float:left;
margin:8px 0 0 30px;
}
#hakkimizda {
width:126px;
height:50px;
float:left;
margin:8px 0 0 30px;
}
#urunlerimiz {
width:110px;
height:50px;
float:left;
margin:8px 0 0 30px;
}
#iletisim {
width:116px;
height:50px;
float:left;
margin:8px 0 0 30px;
}
.banner {
width:950px;
height:250px;
float:left;
background-image:url(images/banner.png);
}
.orta {
height:133px;
float:left;
}
#yazilink {
font:12px Verdana, Helvetica, sans-serif;
color:#F90;
}
#gps {
width:445px;
height:133px;
float:left;
background-image:url(images/gps.png);
}
.gpsyazi {
height:20px;
width:310px;
margin:25px 0 0 135px;
}
#lis {
width:505px;
height:133px;
float:left;
background-image:url(images/lis.png);
}
.lisyazi {
height:20px;
width:335px;
margin:25px 0 0 165px;
}
.icerik {
width:950px;
height:253px;
background-image:url(images/anaortabg.png);
background-repeat:repeat;
float:left;
}
#hizmetler {
width:473px;
height:253px;
float:left;
border-left:#999 1px solid;
}
.hizmetsolyazi {
margin:12px 0 0 25px;
font:17px Verdana, Helvetica, sans-serif;
color:#FF9900;
}
.hizmetsolyazi2 {
font:12px Verdana, Helvetica, sans-serif;
color:#666;
margin:9px 0 0 0;
}
#ayrac {
float:left;
width:3px;
height:226px;
margin:18px 0 0 10px;
}
#urungaleri {
width:462px;
height:253px;
float:right;
border-right:#999 1px solid;
}
#urungaleriduzen {
margin:0 0 0 20px;
}
.alt {
width:950px;
height:60px;
background-image:url(images/alt.png);
float:left;
}
.altmenu {
font:10px Verdana, Helvetica, sans-serif;
color:#FFF;
margin:3px 333px 20px;
}
.altmenu a:link,.altmenu a:visited,.altmenu a:active {
text-decoration:none;
color:#CCC;
}
.altmenu a:hover {color:#FFF; text-decoration:none;}
.copyright {
font:10px Verdana, Helvetica, sans-serif;
color:#999;
margin:30px 0 0 345px;
}
#gpsyazi1,#lisyazi1 {
font:15px Verdana, Helvetica, sans-serif;
color:#F90;
}
#gpsyazi2,#lisyazi2 {
font:12px Verdana, Helvetica, sans-serif;
color:#666;
margin:5px 0 0;
}
#hakkindayazi {
width:948px;
height:353px;
float:left;
border-left:#999 1px solid;
border-right:#999 1px solid;
}
.hakkindayazi {
font:12px Verdana, Helvetica, sans-serif;
color:#666;
margin:9px 0 0 0;
width:900px;
float:left;
}
.hakkindaresim{
margin:9px 0 0 0;
float:right;
height:150px;
}
.urunler {
width:900px;
height:253px;
float:left;
border-left:#999 1px solid;
}
#urunlericerik {
font:12px Verdana, Helvetica, sans-serif;
color:#666;
margin:0 0 0 0;
width:948px;
float:left;
border-left:#999 1px solid;
border-right:#999 1px solid;
}
.iletisimkutu{width:160px; height:20px; margin:0 0 10px 10px; background-color:#EBEBEB;border:1px solid #666666;}
.iletisimtextarea{width:160px; height:100px; margin:0 0 10px 10px; background-color:#EBEBEB; border:1px solid; border-color:#666666; font:10px Arial, Helvetica, sans-serif; color:#000000;}
.labelhata{margin:0 0 20px 0; color:Red; font:10px Verdana, Helvetica, sans-serif;}