2.yeni bir menü deniyorum ancak hep üstte kalıyor
Nasıl istediğim gibi yaparım
Menu kodları
Header kodları
Ek Olarak: Yardım edecek
-
Üyelik
18.11.2011
-
Yaş/Cinsiyet
35 / E
-
Meslek
Web Developer
-
Konum
İstanbul Avrupa
-
Ad Soyad
B** Ç**
-
Mesajlar
3270
-
Beğeniler
1014 / 1983
-
Ticaret
53, (%100)
Css ve js kodlarını ayrı ayrı dosyalarda birleştirip aşağıdaki gibi çağırabilirsin.
<script></script>
2. Sorununu anlayamadım, menü hep üstte kalıyor derken ne demek istiyorsun? Olması gereken ne?
-
Üyelik
28.11.2013
-
Yaş/Cinsiyet
30 / E
-
Meslek
Ameliyathane Hemşiresi
-
Konum
Afyon
-
Ad Soyad
I** Ç**
-
Mesajlar
2633
-
Beğeniler
344 / 487
-
Ticaret
12, (%100)
Koysite.cepedit.com daki gibi olmasını istiyorum
Ek Olarak: Demek istediğim örnek css leri setting.PHP dosyasından çağırmak istiyorum
Ek Olarak: Sanırım bilen yok
Ek Olarak: Sorun kaynağını buldum table etiketleri
-
Üyelik
18.11.2011
-
Yaş/Cinsiyet
35 / E
-
Meslek
Web Developer
-
Konum
İstanbul Avrupa
-
Ad Soyad
B** Ç**
-
Mesajlar
3270
-
Beğeniler
1014 / 1983
-
Ticaret
53, (%100)
Biraz sabırlı ol bakalım ya, bu ne acele?
php dosyasını stil olarak çekebilirsin aşağıdaki gibi.
Menü için ise, menü kodları için kullandığın css kodlarında muhtemelen position: absolute; gibi bir değer vardır ve bu kod menü yerini sabitliyordur. Menü kodlarının css lerini görmeden birşey söylemek zor.
-
Üyelik
28.11.2013
-
Yaş/Cinsiyet
30 / E
-
Meslek
Ameliyathane Hemşiresi
-
Konum
Afyon
-
Ad Soyad
I** Ç**
-
Mesajlar
2633
-
Beğeniler
344 / 487
-
Ticaret
12, (%100)
Table etiketlerinden kaynaklanıyor ancak çeviremedim
-
Üyelik
25.10.2013
-
Yaş/Cinsiyet
41 / E
-
Meslek
Php Coder
-
Konum
Antalya
-
Ad Soyad
K** I**
-
Mesajlar
476
-
Beğeniler
22 / 87
-
Ticaret
7, (%100)
css ve kodları paylaşabilirseniz yardımcı olabiliriz.
-
Üyelik
28.11.2013
-
Yaş/Cinsiyet
30 / E
-
Meslek
Ameliyathane Hemşiresi
-
Konum
Afyon
-
Ad Soyad
I** Ç**
-
Mesajlar
2633
-
Beğeniler
344 / 487
-
Ticaret
12, (%100)
css ve kodları paylaşabilirseniz yardımcı olabiliriz.
Hocam biraz bekleteyim
Ek Olarak:[]body {
background: rgb(232, 237, 241); margin: 0px; padding: 0px;
}
body {
font: 12px/normal Arial, Verdana, Sans-Serif; font-size-adjust: none; font-stretch: normal;
}
td {
font: 12px/normal Arial, Verdana, Sans-Serif; font-size-adjust: none; font-stretch: normal;
}
td {
vertical-align: top;
}
a {
color: rgb(48, 112, 202);
}
#ana {
background: rgb(255, 255, 255);
padding: 10px;
width: 915px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
#main {
}
#ust {
padding: 0px 0px 10px;
}
#ust h1 {
margin: 0px; padding: 0px; color: rgb(34, 85, 170); font-family: Georgia, Times New Roman, Trebuchet MS; font-size: 48px; font-weight: normal; text-decoration: none;
}
#ust a.sitebaslik {
color: rgb(204, 204, 204); text-decoration: none;
}
#bant {
background: url("img/bg/bant.gif") repeat-x left top;
}
#bant a {
color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; text-decoration: none;
}
#bant a:hover {
text-decoration: underline;
}
#sol {
padding: 10px 10px 0px 0px; width: 160px;
}
#orta {
padding: 10px 0px 0px; width: 570px; line-height: 17px;
}
#orta1 {
padding: 10px 0px 0px; line-height: 17px;
}
#orta h1 {
margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); line-height: 24px; font-size: 22px; font-weight: bold;
}
#orta2 h1 {
margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); line-height: 24px; font-size: 22px; font-weight: bold;
}
#orta2 {
padding: 10px 0px 0px; width: 740px; line-height: 17px;
}
#sag {
padding: 10px 0px 0px 10px; width: 160px;
}
#sag2 {
padding: 10px 0px 0px 10px; width: 330px;
}
#alt {
padding: 2px 0px; text-align: center; color: rgb(102, 102, 102); line-height: 17px; font-size: 11px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
#alt a {
color: rgb(153, 153, 153);
}
#alt p {
margin: 10px 0px;
}
#ust-menu {
margin: 0px; padding: 0px;
}
#ust-menu td {
background: url("img/bg/ustmenu-sol.gif") no-repeat right top; text-align: right; vertical-align: middle;
}
#ust-menu td a {
background: url("img/bg/ustmenu-sag.gif") no-repeat left top; padding: 8px 20px; font-size: 11px; display: block;
}
#ust-menu td a:hover {
background: url("img/bg/bant_hover.gif") repeat-x left top; text-decoration: none;
}
#kategoriler {
background: url("img/bg/nokta.gif") repeat-x left bottom; margin: 0px 0px 5px; width: 160px; padding-bottom: 1px;
}
#video_kategoriler {
background: url("img/bg/nokta.gif") repeat-x left bottom; margin: 0px 0px 5px; width: 160px; padding-bottom: 1px;
}
#kategoriler h3 {
background: rgb(177, 195, 212); margin: 1px; padding: 7px 0px 7px 10px; color: rgb(0, 0, 0); font-size: 11px;
}
#kategoriler ul {
list-style: none; margin: 0px; padding: 0px; width: 160px;
}
#kategoriler li {
position: relative;
}
#kategoriler ul li a {
background: url("img/bg/menu1.gif") repeat-x left top; padding: 7px 0px 7px 15px; color: rgb(26, 65, 130); overflow: auto; font-weight: bold; text-decoration: none; display: block;
}
#kategoriler a:hover {
color: rgb(0, 0, 0);
}
#video_kategoriler a:hover {
color: rgb(0, 0, 0);
}
#kategoriler ul li ul {
top: 0px; width: 160px; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; visibility: hidden; position: absolute;
}
#kategoriler li li {
}
#kategoriler li li a {
padding: 7px 0px 7px 15px; color: rgb(26, 65, 130); font-size: 12px; text-decoration: none; display: block;
}
#kategoriler li li a:hover {
color: rgb(0, 0, 0);
}
#kategoriler .subfolderstyle {
background: url("img/bg/menu2.gif") repeat-x left top;
}
* html #kategoriler ul li {
height: 1%; float: left;
}
* html #kategoriler ul li a {
height: 1%;
}
.kutu {
margin: 0px 0px 5px; border: 1px solid rgb(26, 65, 130); width: 158px;
}
.kutu h3 {
background: url("img/bg/bant.gif") repeat-x 0px -1px; margin: 0px; padding: 8px 0px 7px 10px; color: rgb(255, 255, 255); font-size: 11px;
}
.kutu ul {
list-style: none; margin: 0px; padding: 5px;
}
.kutu li {
background: url("img/icon/kutu_baslik.gif") no-repeat 1px 9px; padding: 6px 0px 4px 14px;
}
.kutu a {
color: rgb(32, 72, 136); text-decoration: none;
}
.kutu a:hover {
text-decoration: underline;
}
.baslikla*** {
background: url("img/bg/orta_baslik.gif") repeat-x left top; color: rgb(102, 102, 102); margin-bottom: 10px;
}
.baslikla*** h3 {
margin: 7px 0px 5px 10px; padding: 0px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 12px; font-weight: bold;
}
.baslikla*** h4 {
margin: 0px; padding: 5px 0px 8px; color: rgb(204, 0, 0); font-size: 12px; display: block;
}
.baslikla*** .alt {
background: rgb(232, 237, 241); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(177, 195, 212) rgb(177, 195, 212); padding: 5px 10px;
}
.baslikla*** .alt a {
font-size: 11px;
}
.baslikla*** ul {
list-style: none; margin: 0px; padding: 5px 0px; clear: left;
}
.baslikla*** .baslik {
text-align: right; color: rgb(204, 0, 0); font-size: 10px; float: right;
}
.baslikla*** li {
background: url("img/icon/kutu_baslik.gif") no-repeat 1px 9px; padding: 5px 0px 5px 14px; font-size: 11px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.baslikla*** a {
color: rgb(32, 72, 136); font-size: 11px; text-decoration: none;
}
.baslikla*** a.aOzet {
color: rgb(51, 51, 51); font-size: 11px; text-decoration: none;
}
.baslikla*** li a {
color: rgb(32, 72, 136); display: block;
}
.baslikla*** li a:hover {
color: rgb(204, 0, 0); text-decoration: none;
}
.baslikla*** a:hover {
text-decoration: underline;
}
.baslikla*** a.aOzet:hover {
text-decoration: underline;
}
.baslikla*** .haber-resim {
padding: 2px; border: 1px solid rgb(196, 196, 196); width: 100px; height: 76px; margin-right: 5px;
}
.baslikla*** .smLink {
color: rgb(102, 102, 102); font-size: 11px;
}
.baslikla*** .sol {
background: rgb(247, 247, 247); padding: 5px 10px; width: 50%;
}
.baslikla*** .sag {
padding-left: 10px;
}
.smOzet {
margin: 10px 0px; color: rgb(102, 102, 102); font-size: 11px;
}
.smOzet a {
text-decoration: none;
}
.smOzet a:hover {
text-decoration: underline;
}
#son-dakika {
background: url("img/bg/son_dakika.gif") repeat-x left top; padding: 0px; color: rgb(102, 102, 102); font-size: 12px;
}
#son-dakika td {
padding-right: 15px; font-size: 12px; vertical-align: middle;
}
#son-dakika a {
padding: 6px 15px 7px; color: rgb(51, 51, 51); font-size: 12px; font-weight: bold; text-decoration: none; float: left; display: block;
}
#son-dakika a:hover {
background: rgb(199, 214, 227); color: rgb(34, 85, 170);
}
#shaberler a {
padding: 0px; color: rgb(51, 51, 51); font-size: 12px; font-weight: bold; text-decoration: none;
}
#haber-bilgi {
color: rgb(102, 102, 102);
}
#haber-bilgi a {
color: rgb(102, 102, 102);
}
#haber-bilgi a {
text-decoration: none;
}
#haberMetni {
clear: left; font-size: 12px;
}
.haber-resim {
margin: 0px 10px 5px 0px; padding: 1px; border: 1px solid rgb(204, 204, 204); width: 250px; float: left;
}
.ozet {
font-size: 12px;
}
.okunma {
text-align: right; color: rgb(153, 153, 153); font-size: 11px; margin-bottom: 0px;
}
.navigasyon {
background: url("img/bg/oy_ver.jpg") repeat-x; margin: 0px 0px 5px; padding: 8px 5px 8px 10px; border-right-color: rgb(220, 221, 225); border-left-color: rgb(220, 221, 225); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
.navigasyon a {
text-decoration: none;
}
.son_haber {
background: url("img/bg/manset.gif") no-repeat 1px 1px rgb(255, 255, 255); padding: 10px; border: 1px solid rgb(208, 208, 208); height: 110px; color: rgb(102, 102, 102); margin-bottom: 10px;
}
.son-haberler h3 {
margin: 2px; font-size: 12px;
}
.son_haber h3 a {
text-decoration: none;
}
.son_haber a.aOzet {
color: rgb(102, 102, 102); font-size: 11px; text-decoration: none;
}
.son_haber a.aOzet:hover {
text-decoration: underline;
}
.son_haber h3 {
margin: 0px; padding: 0px 0px 10px; color: rgb(204, 0, 0); font-size: 12px; font-weight: bold;
}
.son_haber h3 a {
margin: 0px; padding: 0px 0px 10px; color: rgb(204, 0, 0); font-size: 12px; font-weight: bold;
}
.son_haber h3 a:hover {
text-decoration: underline;
}
.th-haber-resim {
margin: 0px 3px 5px; padding: 1px; border: 1px solid rgb(204, 204, 204); width: 100px; height: 76px; float: left;
}
.basliklar {
background: url("img/bg/kutu.gif") repeat-x 1px 1px rgb(255, 255, 255); padding: 6px; border: 1px solid rgb(208, 208, 208); height: 123px; color: rgb(102, 102, 102); margin-bottom: 4px;
}
.basliklar ul {
list-style: none; margin: 0px; padding: 0px;
}
.basliklar li {
background: url("img/icon/kutu_baslik.gif") no-repeat 2px 8px; padding: 3px 0px 3px 10px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.basliklar h3 {
margin: 0px; padding: 0px 0px 10px; color: rgb(204, 0, 0); font-size: 11px; font-weight: bold;
}
.basliklar h3 a {
margin: 0px; padding: 0px 0px 10px; color: rgb(204, 0, 0); font-size: 11px; font-weight: bold;
}
.basliklar a {
color: rgb(0, 0, 0); text-decoration: underline;
}
.basliklar a:hover {
color: rgb(204, 0, 0);
}
.buton {
margin: 2px; font-family: Verdana, Helvetica; font-size: 8pt; font-weight: normal;
}
.ssel {
border-width: 1px; border-color: rgb(230, 233, 237); margin: 2px; font-family: tahoma; font-size: 11px; background-color: rgb(247, 247, 247);
}
#secim {
list-style: none; margin: 0px; padding: 0px;
}
#secim li.haber1 {
padding: 5px;
}
#secim li.haber2 {
padding: 5px;
}
#secim li.haber1 a {
color: rgb(51, 51, 51); font-size: 11px; font-weight: bold; text-decoration: none;
}
#secim li.haber2 a {
color: rgb(51, 51, 51); font-size: 11px; font-weight: bold; text-decoration: none;
}
#secim li.haber1 a:hover {
text-decoration: underline;
}
#secim li.haber2 a:hover {
text-decoration: underline;
}
#secim li.haber1 {
background: rgb(238, 238, 238);
}
#secim li.haber2 {
background: rgb(255, 255, 255);
}
.arama-gecerli {
padding: 2px 5px; color: rgb(255, 102, 0); font-weight: bold;
}
a.sayfala {
padding: 2px 4px; color: rgb(102, 102, 102); font-weight: bold; text-decoration: none;
}
a.sayfala:visited {
padding: 2px 4px; color: rgb(102, 102, 102); font-weight: bold; text-decoration: none;
}
a.sLink {
font-size: 11px; text-decoration: none;
}
a.sLink:hover {
text-decoration: underline;
}
h3.baslik {
background: url("img/bg/bant.gif") repeat-x 0px -1px; margin: 0px; padding: 8px 0px 8px 10px; color: rgb(255, 255, 255); font-size: 11px;
}
p.tur {
margin: 10px 0px; padding: 0px 0px 5px; font-weight: bold; border-bottom-color: rgb(93, 113, 128); border-bottom-width: 1px; border-bottom-style: dashed;
}
.cizgi {
padding: 8px 5px 8px 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
.scrollable .items div {
margin: 0px; padding: 0px 10px 0px 0px; width: 163px; height: 124px; position: relative;
}
.scrollable .items div .resim {
margin: 0px; padding: 0px;
}
.scrollable .items div p {
background: url("img/bg/transparan.png"); margin: 0px; padding: 8px 10px; left: 0px; width: 143px; height: 26px; bottom: 0px; position: absolute;
}
.scrollable .items div a {
color: rgb(255, 255, 255); line-height: 14px; font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;
}
.scrollable .items div a:hover {
color: rgb(255, 153, 0);
}
#manset-tablo {
background: rgb(255, 255, 255); margin-bottom: 10px;
}
#manset-aciklama {
padding: 20px 5px 5px 0px; color: rgb(88, 88, 88); line-height: 17px;
}
#manset-aciklama p {
margin: 5px 0px;
}
#manset-resimler {
padding: 10px; width: 190px;
}
#mansetler a {
color: rgb(102, 102, 102); font-weight: bold; text-decoration: none;
}
#manset-basliklar {
padding: 0px 10px 10px;
}
#manset-basliklar a {
background: rgb(81, 134, 215); margin: 1px 0px 0px 1px; padding: 7px 0px; width: 35px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; float: left; display: block;
}
#manset-basliklar a:hover {
background: rgb(153, 153, 153);
}
h1 { font-size: 14px !important;margin: 0px 0px 0px 0px; float:left; color: #55558f }
h2 {font-size: 13px !important;margin: 0px 0px 0px 0px; float:left; color: #993333 }
h3 {margin: 0px 0px 0px 0px;}
h4 {font-size: 12px !important;margin: 0px 0px 0px 0px; float:left; color: #336633 }
}
Ek Olarak: css ve kodları paylaşabilirseniz yardımcı olabiliriz.
Bekliyorum hocam
-
Üyelik
26.01.2014
-
Yaş/Cinsiyet
41 / E
-
Meslek
Öğretmen
-
Konum
İstanbul Anadolu
-
Ad Soyad
M** A**
-
Mesajlar
626
-
Beğeniler
13 / 260
-
Ticaret
2, (%100)
Hocam Afyondamı bu köy Uşaktamı?
-
Üyelik
28.11.2013
-
Yaş/Cinsiyet
30 / E
-
Meslek
Ameliyathane Hemşiresi
-
Konum
Afyon
-
Ad Soyad
I** Ç**
-
Mesajlar
2633
-
Beğeniler
344 / 487
-
Ticaret
12, (%100)
Afyonda uşağa çok yakın
-
Üyelik
25.10.2013
-
Yaş/Cinsiyet
41 / E
-
Meslek
Php Coder
-
Konum
Antalya
-
Ad Soyad
K** I**
-
Mesajlar
476
-
Beğeniler
22 / 87
-
Ticaret
7, (%100)
özelden pm atıp bilgilerinizi yollayın sorunu beraberce çözelim
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
