Zoque.Forum
Dirsek Teması:
Geri Dön Zoque.Forum » Webmaster Kaynaklari » ://www » CSS » Css dropdown menu ie6 problemi

Yeni Kayıt Yardım Üye Listesi Ajanda

CSS CSS ile ilgili merak ettiklerinizi, sorunlarınızı ve fikirlerinizi bu bölümde paylaşabilirsiniz.

Yanıt
 
LinkBack Seçenekler
Old 24.01.2008   #1 (permalink)
worldwideweb
 
Üyelik Tarihi: 29.08.2007
Yer: ankara
Yaş: 21
Mesaj: 7
Css dropdown menu ie6 problemi
Merhaba arkadaşlar,

websitesinde uyguladığım CSS menü; İE7-Mozilla-Safari-Opera tarayıcılarında sorunsuz olarak çalışıyor fakat İE6 tarayıcısında açamıyor, Google üzerinden arama yaptım fakat anlayamadım ingilizce olduğu için, aslında ingilizcem mevcut fakat CSS bilgim iyi olmadığı için gerekli düzenlemeleri yapamadım

Üstadlardan yardım bekliyorum.

www.yukselhan.com/iletisim.html
www.yukselhan.com/style.css

HTML kodu
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/2008.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=UTF-8" />
<meta name="googlebot" content="noindex, nofollow"/> 
<meta name="Robots" content="noindex, nofollow"/>
<link rel="stylesheet" href="CSS/lightbox.CSS" type="text/CSS" media="screen"/>
<link rel="stylesheet" type="text/CSS" href="style.CSS" />
<link rel="shortcut icon" href="/images/logo-icon.ico"/>
<script type="text/JavaScript" src="nav-container.js"></script>
<script type="text/JavaScript" src="js/prototype.js"></script>
<script type="text/JavaScript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/JavaScript" src="js/lightbox.js"></script>
<!--[if lte IE 6]>
<script type="text/JavaScript" src="nav-container.js"></script>
<![endif]-->
<script type="text/JavaScript">
<!--
sfHover = function() {
var sfEls = document.getElementById("nav-container").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//-->
</script>
<!-- InstanceBeginEditable name="doctitle" -->
<title>İletişim</title>
<!-- InstanceEndEditable -->
<style type="text/CSS">
<!--
@import url("maincss.CSS");
body {
	background-color: #D1B3EF;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.body {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.style1 {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style2 {font-size: 9px}
-->
</style>
<style type="text/CSS">
#SWF {
	z-index:0;
}

#nav-container {
	z-index:2;
}
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/JavaScript"></script>
<!-- InstanceBeginEditable name="head" -->
<style type="text/CSS">
<!--
.style2 {font-style: italic}
.style6 {font-family: Verdana, Courier, monospace}
.style7 {font-family: Verdana, Courier, monospace; color: #333333; }
.style8 {color: #333333}
-->
</style>
<!-- InstanceEndEditable -->
</head>

<body>
<table width="750" height="279" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F3F3F3" class="body">
  <tr>
    <td height="110"><img src="images/header.png" alt="Yükselhan Madencilik A.Ş." width="750" height="110" /></td>
  </tr>
  <tr>
    <td height="44"><div class="nav-container-outer" />
   <img src="images/nav-bg-r.jpg" alt="" class="float-left" />
   <img src="images/nav-bg-r.jpg" alt="" class="float-right" />
   <ul id="nav-container" class="nav-container">
      <li><a class="item-primary" href="hakkimizda.HTML">Anasayfa</a>         </li>
   
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#">Hakkımızda</a><ul style="width:150px;"><li><a href="misyonumuz.HTML">Misyonumuz</a></li>
         <li><a href="vizyonumuz.HTML">Vizyonumuz</a></li>
         <li></li>
         <li class="text1">&nbsp;Fabrika &amp; Ocak</li>
         <li><a href="fabrikamiz.HTML">Fabrikamiz</a></li>
         <li><a href="ocagimiz.HTML">Ocağımız</a></li>
         </ul>
      </li>
   
      <li><a class="item-primary" href="#">Ürünlerimiz</a>
   
         <ul style="width:150px;">
         <li><a href="bordur.HTML">Bordür</a></li>
         <li><a href="doseme.HTML">Döşeme</a></li>
         <li><a href="yagmurolugu.HTML">Yağmur oluğu</a></li>
         <li><a href="harpusta.HTML">Harpuşta</a></li>
         <li><a href="kaplama.HTML">Kaplama</a></li>
         <li><a href="ozeluygulamalar.HTML">Özel uygulamalar</a></li>
         <li></li>
         </ul></li>
   
      <li><a class="item-primary" href="#">Andezit</a>
   
         <ul style="width:150px;">
         <li><a href="andezithakkinda.HTML">Andezit hakkında</a></span></li>
         <li><a href="kaldirimbordur.HTML">Kaldırım ve bordür</a></li>
         <li><a href="kaplamatezyin.HTML">Kaplama ve tezyin</a></li>
         <li><a href="kimyasalozellikleri.HTML">Kimyasasal özellikleri</a></li>
         <li><a href="whyandezit.HTML">Neden andezit</a></li>
         <li><a href="karsilastirma.HTML">Karşılaştırma</a></li>
         <li><a href="hangialanlar.HTML">Hangi alanlarda kullanılır</a></li>
         <li><a href="tassatinalma.HTML">Satın alırken</a></li>
         <li><a href="uretimsafhalari.HTML">Üretim safhaları</a></li>
         </ul>
      </li>
   
      <li><a href="#">Referanslarımız</a>
        <ul style="width:150px;">
         <li><a href="referanslarimiz.HTML">Referans listesi</a></li>
         <li><a href="referanslarimiz_resim.HTML">Referans resimleri</a></li>
         </ul>
      </li>
         
       <li><a href="#">İletişim</a>
        <ul style="width:150px;">
         <li><a href="iletisim.HTML">Merkez</a></span></li>
         <li><a href="fabrika_iletisim.HTML">Fabrika</a></li>
         </ul>
       </li>
   </ul>
</div></td>
  </tr>
  <tr>
    <td align="left" valign="top" bgcolor="#FFFFFF"><!-- InstanceBeginEditable name="EditRegion3" -->
    <form name="form1" method="post" action="emailyolla.PHP">
      <table width="369" border="0" align="center" class="text">
        <tr>
          <td align="center" class="style2"><p class="style7">Yükselhan Madencilik A.Ş. </p></td>
        </tr>
        <tr>
          <td align="center">Ankara caddesi 84.sokak no:4/18 </td>
        </tr>
        <tr>
          <td align="center">Gölbaşı-Ankara 06830</td>
        </tr>
        <tr>
          <td align="center">Telefon: +90 312 485 26 93</td>
        </tr>
        <tr>
          <td align="center">Fax: +90 312 485 26 94</td>
        </tr>
        <tr>
          <td align="center"><span class="style8">Eposta: <a href="mailto:mail@yukselhan.com">mail@yukselhan.com</a></span></td>
        </tr>
        <tr>
          <td></td>
        </tr>
        <tr>
          <td align="right" class="style6"><table width="327" border="0" align="center" cellpadding="0" cellspacing="0" class="menuler">
              <tr>
                <td width="215" class="style2"><div align="right">Isminiz:</div></td>
                <td width="265" class="style2"><div align="left">
                    <input name="naam" type="text" id="naam" size="43" />
                </div></td>
              </tr>
              <tr>
                <td class="style2"><div align="right">Eposta:</div></td>
                <td class="style2"><div align="left">
                    <input name="email" type="text" id="email" size="43" />
                </div></td>
              </tr>
              <tr>
                <td class="style2"><div align="right">Konu:</div></td>
                <td class="style2"><div align="left">
                    <input name="onderwerp" type="text" id="onderwerp" size="43" />
                </div></td>
              </tr>
              <tr>
                <td align="right" valign="top" class="style2"><div align="right">Mesajiniz:</div></td>
                <td class="style2"><div align="left">
                    <textarea name="bericht" cols="33" rows="6" id="bericht"></textarea>
                </div></td>
              </tr>
              <tr>
                <td class="style2"><div align="center"></div></td>
                <td class="style2"><div align="center">
                    <input name="verzenden"  type="submit" class="text" id="verzenden" onclick="JavaScript:if (form1.naam.value == '') { alert('Isminizi yazmayi unuttunuz!..'); form1.naam.focus(); return false }if (form1.naam.value.length &lt; 2 || document.form1.naam.value.length &gt; 30) { alert('Lütfen isminizi dogru olarak yazin!..'); form1.naam.focus(); return false }if (form1.email.value == '') { alert('Lütfen e-mail adresinizi yaziniz!..'); form1.email.focus(); return false }if (form1.email.value.indexOf('@') ==-1 || document.form1.email.value.indexOf('.') ==-1 || document.form1.email.value.length &lt; 5  || document.form1.email.value.length &gt; 40) { alert('Lütfen geçerli bir e-mail adresi yaziniz!..'); form1.email.focus(); return false }" value="Gönder" />
                    <input name="wissen" type="reset" class="text" id="wissen" value="Temizle" />
                </div></td>
              </tr>
          </table></td>
        </tr>
      </table>
      </form>
    <!-- InstanceEndEditable --></td>
  </tr>
  <tr>
    <td height="20" align="center" bgcolor="#D1B3EF" class="text2 style1"><table width="748" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="668" align="left">Copright Yükselhan Madencilik A.Ş. 2008 Her Hakkı Saklıdır. </td>
          <td width="80" align="right"><a href="http://www.ibrahimerdemir.com" target="_self"><img src="http://www.ibrahimerdemir.com/hie-design.png" alt="Tasarım ve kodlama: H. ibrahim Erdemir" name="" width="80" height="15" border="0" /></a></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
<!-- InstanceEnd --></HTML>
CSS Kodu
Kod:
@charset "utf-8";
/* CSS Document */

body{
padding: 25px;
}

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(images/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;

}
#nav-container ul {
top:100%;

}
#nav-container ul li:hover>ul{
top:0px;
left:100%;

}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;

}

#nav-container a:hover{
color: #FFFFFF;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;

}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(images/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #7C5BA2;
border-bottom: 1px solid #CA6500;

}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;

}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;

}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;

}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;

}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;

}
__________________
asalet sözde değil özdedir.
worldwideweb şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Yanıt

Etiketler
css , dropdown , ie6 , menu

« Önceki Konu | Sonraki Konu »


 
Zoque'a hoşgeldiniz!
Zoque 27.02.1999 tarihinde yayın hayatına başlamış, paylaşıma dayalı bir oluşumdur. Tasarım, teknoloji, web, kültür ve sanat ana başlıkları altında bilgi paylaşımı ve benzer değerlere sahip katılımcıların birbirleriyle iletişime girmelerine imkan sağlar. "Az ama Öz" sloganından yola çıkarak, kaliteli ve nitelikli katılımı temel alır.

Saygın ve ciddi bir ortamda yardımlaşmak, haberleşmek, kendi bildiklerini diğer katılımcılarla paylaşmak isteyen, oluşumumuza düzenli katılımda bulunacağı inancını taşıyan konuklarımızı üye olmaya davet ediyoruz. [ » ]

Üye Girişi:

UslanmaM baktabul.com TEKplatform TEKplatform

En popüler ilk 100 etiket
Tag Cloud
acil adsl ajax almak arama araniyor ariyorum ariyoruz asp bilen bilgi bilgisayar blog calisma canon css dijital div domain dosya eleman film firefox flash font form forum fotograf freelance google gore grafik grafiker hakkinda hangi hata hatasi hosting html ilgili ilk image internet istanbul istiyorum java javascript karakter kayit kisisel kullanimi link logo mac mail menu muzik mysql nasil neden nedir online photoshop php problemi program programi reklam resim satilik sayfa script server ses sistemi site sitesi son soru sorun sorunsali sorunu sql swf tasarim tasarimci tasarimcisi tasarimi turk turkce veri video web windows wordpress xml yardim yazi yeni zoque
Zoque RSS Aboneliği
Son eklenen konuları e-posta ile haber verelim mi?

Forum Yazılımı: vBulletin® Version 3.7.2 Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC5

Arayüz/Skin "Güneş" © www.zoque.com / net. Copyright © 1999 - 2008
Forum Saati GMT +2. Şu anda saat: 06:29.