Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj09.11.2010, 14:52 (UTC)    
Mesaj konusu: Neden böyle oldu? Düzeltemiyorum Menü Hakkında

Sitenin css menülerini ne yaptıysam değişmedi. sitenin adresi: www.dsinifimiz.tr.gg Sitedeki menülerin yan yana olmasını istiyorum fakan horizontal menüleri alt alta diziyor. Bunun bir çaresi var mıdır?

Tasarımız Üstü:

Kod:
<table width="859" height="281" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="859" height="281" align="center" valign="top" background="http://img574.imageshack.us/img574/7410/metingulsersitesi03.jpg"><table width="854" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="13" height="14"> </td>
          <td width="842"> </td>
          <td width="7"> </td>
        </tr>
        <tr>
          <td height="149"></td>
          <td align="center"><br /></td>
          <td></td>
        </tr>
        <tr>
          <td height="39">
      <div id="tabs">
  <ul>
    <li></li>
    <li><a href="#"><span>Menu 1</span></a></li>
    <li><a href="#"><span>Menu 2</span></a></li>
    <li><a href="#"><span>Menu 3</span></a></li>
    <li><a href="#"><span>Menu 4</span></a></li>
    <li><a href="#"><span>Menu 5</span></a></li>
    <li><a href="#"><span>Menu 6</span></a></li>
  </ul>
</div>

   </td>
           <td align="center">   <br>
   <br>
   
</td>
          <td></td>
       
        </table>
     
 
</table>
<table width="858" height="174" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="858" height="174" align="left" valign="top" background="http://img580.imageshack.us/img580/9692/metinsite05.jpg"><table width="859" height="174" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="15" height="174"> </td>

        <td width="550" align="left" valign="top">


Tasarımın Altı:

Kod:
</td>
        <td width="15"> </td>
        <td width="241" align="left" valign="top">241 weightli yan bölüm</td>
        <td width="38"> </td>
        </tr>
    </table></td>
  </tr>
</table>
<table width="859" border="0" align="center" cellpadding="0" cellspacing="0">
<tr></tr>
<tr></tr>
<tr></tr>
<tr>
  <td width="859" height="266" align="left" valign="top" background="http://img526.imageshack.us/img526/8354/metingulsersitesi06.jpg"></td>
</tr>
</table>


CSS Kodu:

Kod:

table {margin-left: auto;margin-right: auto}
iframe{border:Solid 3px #D7EEFE;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body,td,th {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #00000;
font-weight: normal;
}
a {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333399;
font-weight: normal;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
   float:left;
   width:100%;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #666;
   margin-bottom:1em; /*margin between menu and rest of page*/
   overflow:hidden;
   }

#tabs ul {
   margin:0;
   padding:10px 10px 0 0px;
   list-style:none;
   
   }

#tabs li {
   display:inline;
   margin:0;
   padding:0;
   }

#tabs a {
   float:left;
   background:url("http://www.dynamicdrive.com/cssexamples/media/left.png") no-repeat left top;
   margin:0;
   padding:0 0 0 6px;
   text-decoration:none;
   }

#tabs a span {
   float:left;
   display:block;
   background:url("http://www.dynamicdrive.com/cssexamples/media/right.png") no-repeat right top;
   padding:6px 15px 4px 6px;
   margin-right:2px;
   color:#FFF;
   }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
   }

#tabs a:hover {
   background-position:0% -42px;
   }

#tabs a:hover span {
   background-position:100% -42px;
   }

</style>


body {
background-image: url(http://img263.imageshack.us/img263/8770/backgroundmetin.jpg);
}

a:hover
{
    text-decoration: none;
}
Mesaj09.11.2010, 15:20 (UTC)    
Mesaj konusu:

Css kodunuzu bir yere kaydedip aşağıda verdiğim kodu Css kutusuna kaydedin düzelme olmazsa eski Css kodunuza dönersiniz...
Kod:
<table {margin-left: auto;margin-right: auto}
iframe{border:Solid 3px #D7EEFE;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body,td,th {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #00000;
font-weight: normal;
}
a {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333399;
font-weight: normal;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
   float:left;
   width:100%;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #666;
   margin-bottom:1em; /*margin between menu and rest of page*/
   overflow:hidden;
   }

#tabs ul {
   margin:0;
   padding:10px 10px 0 0px;
   list-style:none;
   
   }

#tabs li {
   display:inline;
   margin:0;
   padding:0;
   }

#tabs a {
   float:left;
   background:url("http://www.dynamicdrive.com/cssexamples/media/left.png") no-repeat left top;
   margin:0;
   padding:0 0 0 6px;
   text-decoration:none;
   }

#tabs a span {
   float:left;
   display:block;
   background:url("http://www.dynamicdrive.com/cssexamples/media/right.png") no-repeat right top;
   padding:6px 15px 4px 6px;
   margin-right:2px;
   color:#FFF;
   }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
   }

#tabs a:hover {
   background-position:0% -42px;
   }

#tabs a:hover span {
   background-position:100% -42px;
   }

</style>


body {
background-image: url(http://img263.imageshack.us/img263/8770/backgroundmetin.jpg);
}

a:hover
{
    text-decoration: none;
}

______________
Mesaj09.11.2010, 16:08 (UTC)    
Mesaj konusu:

teşekkür ederim ilginiz için fakat yine aynı sorun devam ediyor. lütfen yardım edebilecekler yardım ederseniz çok sevinirim. Herkese iyi akşamlar
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu