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">
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>
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;
}