İe'de bozuk çıkıyor mozillada düzgün çıkıyor :) - Sayfa 2

10-11-2009, 21:41:01

#10

~~mDmX~~

Üyeliği durduruldu

Mozilla Görünümü:

İnternet Explorer 8 Görünümü:

Yeni Stil Şablonların:

Alıntı

.outer a, .outer div, .outer li, .outer ul, .outer body{
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu{
width: 193px;
}
div.menu ul{
margin:0px;
padding:0px;
text-indent: 0px;
}
div.menu li{
margin-top: 3px;
list-style-type:none;
}
div.menu a{
font: 12px Verdana;
color: #646464;
display:block;
padding:8px 1px 1px 40px;
height: 22px;
text-decoration: none;
background: url('images/background.gif');
}
div.menu a:hover{
background: url('images/highlight.gif')}

10-11-2009, 21:59:29

#11

Kenzo

arkadaşlar hayrına söyleyin şu bütün sayfalarda sorun çıkarmayan temel kodları en basitinden resim koyuyorum firefoxta normal süper ama ie7 de hiç resim bile gözükmüyor

örnek

#logo { background: url(logo.png);
}

yapıyorum ama ie7 de gözükmüyor. ama background: url ('logo.png'); yapınca gözüküyor. css de her zaman ya firefox yada ie sorun oluyor nasıl aşıcaz acaba kodlama tekniğimi yanlış yapıyoruz yukardaki örnekte firefoxta sorun yokken sadece resim arasına 2 tane tek tırnak eklemekle olay çözülüyor. bütün browserlerde sorun çıkarmayan kodlama türü hangisidir. yoksa bu bir kodlama hatasımıdır? yoksa ie yada firefox sorunumudur. bir açıklık getirirseniz seviniriz.

10-11-2009, 22:46:10

#12

HayroLa

include edince yine bozuluyor ie'de anlamadım gitti acaba tablo kullandığım içinmi böyle bir sorun var. bu arada arkadaşım sende benimle çok ilgilendin çok teşekkür ederim sana

Alıntı

display:block;
padding:8px 1px 1px 40px;
height: 32px;
text-decoration: none;

height kısmındaki değer 22 idi bende 32 yaptım ie'de düzgün çıkıyor bu seferde mozillada kayıyor

10-11-2009, 23:58:53

#13

~~mDmX~~

Üyeliği durduruldu

Birde Stil Şablonlarını aşağıdaki gibi kullanırmısın.(Sadece verdiklerimi)

Alıntı

<div id="menu">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Haberler</a></li>
<li><a href="#">Dosyalar</a></li>
</ul>
</div>

Alıntı

#menu{
width: 193px;
height:32px;}

#menu ul{
margin:0px;
padding:0px;
text-indent: 0px;}

#menu li{
margin-top: 3px;
list-style-type:none;}

#menu a{
font: 12px Verdana;
color: #646464;
display:block;
padding:8px 1px 1px 40px;
height: 22px;
text-decoration: none;
background: url('images/background.gif');}

#menu a:hover{
background: url('images/highlight.gif');}

11-11-2009, 00:02:58

#14

~~mDmX~~

Üyeliği durduruldu

Kenzo adlı üyeden alıntı: mesajı görüntüle

arkadaşlar hayrına söyleyin şu bütün sayfalarda sorun çıkarmayan temel kodları en basitinden resim koyuyorum firefoxta normal süper ama ie7 de hiç resim bile gözükmüyor

örnek

#logo { background: url(logo.png);
}

yapıyorum ama ie7 de gözükmüyor. ama background: url ('logo.png'); yapınca gözüküyor. css de her zaman ya firefox yada ie sorun oluyor nasıl aşıcaz acaba kodlama tekniğimi yanlış yapıyoruz yukardaki örnekte firefoxta sorun yokken sadece resim arasına 2 tane tek tırnak eklemekle olay çözülüyor. bütün browserlerde sorun çıkarmayan kodlama türü hangisidir. yoksa bu bir kodlama hatasımıdır? yoksa ie yada firefox sorunumudur. bir açıklık getirirseniz seviniriz.

Burayı inceliyerek nerde hata yaptığını görebilirsin.

11-11-2009, 13:15:10

#15

HayroLa

yine olmadı mozillada oluyor ama ie'de bozuk çıkıyor

11-11-2009, 20:51:43

#16

~~mDmX~~

Üyeliği durduruldu

Bunuda denermisin. Bu olucak gibi

#menu{
width: 193px;
height:32px;}

#menu ul{
margin:0px;
padding:0px;}

#menu li{
margin-top: 3px;
list-style-type:none;}

#menu a{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #646464;
display:block;
padding:8px 1px 8px 40px;
height: 15px;
text-decoration: none;
background: url('images/background.gif');}

#menu a:hover{
background: url('images/highlight.gif');}

11-11-2009, 23:06:27

#17

HayroLa

hocam az kaldı vallah olacak olacak

bak bu hale geldi

11-11-2009, 23:36:42

#18

~~mDmX~~

Üyeliği durduruldu

#menu a{
burada olan (padding:8px 1px 8px 40px; ) kısmındaki 3. kısımdaki 8px i 10px felan yap resim tam olarak gözükene kadar yükselt. kaç sayı yükselttiysen bir alt satırdaki (height: 15px; ) 15px yazan yerden o kadar düşür.
}

menü gayet normal gözükecektir.