Merhaba arkadaşlar. Aşağıda, yapmaya çalıştığım bir tasarıma ait kodlar var. IE'de iyi gorunuyor ama bir de Firefox'ta görüntüleyeyim dedim... Menünün ilk bölümleri görünmüyor..Acemilik işte.. Ustalar.. Yardım bekliyorum. Saygılarımla.
index.html içeriği:
ve stylea.css içeriği:
index.html içeriği:
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="stylea.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20%" valign="top" id="leftnav"><table width="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="28">
<div id="navcontainer">
<ul id="navlist">
<!------------------------------------------------------->
<li><a href="index.html" title="">Anasayfa</a></li>
<li><a href="tam.html" title="">Taak</a></li>
<li><a href="alar.html" title="">eler</a></li>
<li><a href="keler.html" title="">keler</a></li>
<!------------------------------------------------------->
<li id="static">ÜMLE</li>
<li><a href="hb.html" title="">hb</a></li>
<li><a href="her.html" title="">her</a></li>
<li><a id="active" href="lar.html" title="">lar</a></li>
<li><a href="reh.html" title="">Reh</a></li>
<li><a href="gi.html" title="">gi</a></li>
<li><a href="ma.html" title="">ma</a></li>
<!------------------------------------------------------->
<li id="static">M:</li>
<li><a href="m.html" title="">z</a></li>
<li><a href="t.html" title="">n</a></li>
<li><a href="x.html" title="">z</a></li>
<!------------------------------------------------------->
</ul>
</div>
</td>
</tr>
</table></td>
<table id="foot">
<tr>
<td width="20%"> </td>
<td> </td>
<td width="15%"> </td>
</tr>
</table>
</body>
</html>ve stylea.css içeriği:
Kod:
/* CSS Document */
DIV.boxheading {
BORDER-RIGHT: #dedede 1px dotted; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND: #ffffff; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedede 1px dotted; WIDTH: 100%; PADDING-TOP: 1px; BORDER-BOTTOM: #dedede 1px dotted; background-image:url(bgrght.gif); background-repeat:repeat-x
}
DIV.boxheadinginner {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px
}
DIV.boxheadinginner h1{
font-size:12px; font-weight:bold; color:#006699;
}
#flashctt {float:left;}
#flashctt2 {float:right; /*border-color:#b30703*/}
#flashctt3 {float:left; /*border-color:#006600*/}
#flashctt4 {float:right; /*border-color:whitesmoke*/}
#flashctt, #flashctt2, #flashctt3, #flashctt4 {width:50%; border-color:#dedede; padding:5px; margin:0px; text-align:justify; border:dashed; border-width:thin; }
#title {font-size:20px; text-align:center;color:#0577B5; display:block; background-color:#f0e7d7; }
#news, #news2, #news3 { text-align:justify; color:#000; margin:5px 0px 0px 0px; font-size:14pt;}
/*----------------------------------------------------------------*/
#hdr { width:100%; height:150px; border:1px; align:center; cellpadding:0; cellspacing:0; bordercolor:#dedede; bgcolor:#FFFFFF; background-image:url(hdrbg.gif)}
#hdr.hdrflag, {vertical-align:middle; padding:20px; align:center}
#hdr.hdrlogo {vertical-align:bottom;}
/*----------------------------------------------------------------*/
body {
background-color:white;
/*margin-left: 0px;
margin-top: 0px;*/
}
body,td,th {
color: #000000;
font-family: Times New Roman, Times, serif;
font-size: 11pt;
}
h1 {
font-size: 14pt;
}
h2 {
font-size: 12pt;
}
a:link {
color: #666666;
font-weight: bold;
font-style: italic;
text-decoration: none;
}
/*a:visited {
text-decoration: none;
}*/
a:hover {
text-decoration: underline;
color: #999999;
}
a:active {
text-decoration: none;
}
/*a {
font-size: 13pt;
}*/
.style1 {
color: #FFFFFF;
font-size: 10pt;
}
td#leftnav { border-right:none; border:0px}
/*--------------------------MENU TABS---------------------------------*/
#navcontainer, {
background-color:white;
/*width: 30%;*/
margin: 0 auto;
padding: /*1em*/ 0;
font-family: times, serif;
font-size: 12pt;
text-align: left;
/*text-transform: lowercase;*/
}
ul#navlist {
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
ul#navlist li {
display: block;
margin: 0;
padding: 0;
}
ul#navlist li a {
display: block;
width: 100%;
padding: 0.5em 0 0.5em 0.5em;
border-width: 1px;
border-color: #bbb /*#bbb #bbb #fff*/;
border-style:dotted;
color: #999;
text-decoration: none;
/*background-image:url(navbg.gif); background-repeat:repeat-x;*/
}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#static {display: block;
width: 100%;
padding: 0.5em 0 0.5em 0.5em;
border-width: 1px;
border-color: #fff #bbb #bbb #fff;
border-style: dotted;
text-align:left;
}
ul#navlist li a#active {
background: #f0e7d7;
color: #00699c;
}
ul#navlist li#static {
background-image:url(navbg.gif);
background-color:#dedede;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
color: #990000;
background: transparent;
border-color: #900 #900 #900 #900;
background-image:url(navbg2.gif);
}
#static {font-family: Times, serif; font-weight:bold; font-size:12px}
#sponsor {font-family: Verdana, Bookman Old Style; font-weight:bold; font-size:11px}
/*-----------------------------------------------------*/
td#rightnav {
vertical-align:top;
background-color:#f2f7ea;
}
/*-----------------------------------------------------*/
#centerctt1, #centerctt2 {
width:90%; border-color:#dedede; padding:5px; margin:5px; text-align:justify; border:dashed; border-width:thin;
}
#centerctt2 { background-image:url(note.gif);}
/*------------------------------------------------------*/
#foot {border:dotted; border-color:#dedede; width:100%; align:center; padding:0; cellspacing:0; border-width:1px;}