Css ve Html konusunda pek bilgi sahibi olmayan ancak kendi başına bişeyler yapmak için çabalayan arkadaşlarımız için sordukları veya takıldıkları yerlerde yardımcı olabilecek vardır diye düşünmekteyim. Konuyu da bu sebeple buraya açtım.
İlk sorunum ile ben bu konuya yardımcı olabilecek bir arkadaş beklemekteyim. Şimdiden teşekkürler.
Sorunum; resimde de görüldüğü gibi logo ve banneri bir türlü yan yana oturtamıyorum. Psd to Css yapmaya çalışıyorum http://wmaraci.com/forum/projeler-fikirler-ortaklik/psdyi-css-yapin-bende-wordpresse-duzenleyeyim-7837.html bu konudaki psd çalışmaları üzerinde kendimi geliştirmek için.
Acaba nerede hata yapıyorum ki bu iki faktör yan yana gelmiyor.
index.html dosyam
Psd To Css
style dosyam
/*
psd to css Ucli.Net
*/
body {margin: auto; font-size: 14px; font-family: calibri;}
a {text-decoration: none;}
/* Logo ve Banner */
#logo {
width:240px;
height:105px;
padding: 0px 700px 0px 0px;
}
#ustreklam {
width:468px;
height:60px;
padding: 0px 0px 0px 700px;
}
/* Üst Menü */
#header-menu-ust {
background: url(images/menu-bg-ust.png) repeat-x;
width: 1009px; height: 41px;
text-align: left;
}
.header-menu-ust a {
color: #e4e2e2;
padding: 10px;
}
.header-menu-ust {
padding: 10px 10px 10px 81px;
}
.secili {
background: url(images/menu-buton.png) no-repeat;
width: 64px; height: 30px;
background-position: bottom;
}
/* Alt Menü */
#header-menu-alt {
background: url(images/menu-bg-alt.png) repeat-x;
width: 876px; height: 39px;
text-align: left;
}
.header-menu-alt a {
color: #0c2d38;
padding: 10px;
}
.header-menu-alt {
padding: 10px 10px 10px 60px;
}
/* Header Arama */
#header-arama {background: url(images/arama.png); border: 0; width: 140px; height: 26px;float:right;}
.ara {background: url(images/ara.png) ; border: 0; width: 50px; height: 26px;float:right;}
/* Sidebar */
#sidebar {background: url(images/sagmenu.png); width:323px; height:1352px;}