Merhaba
CSS yardımı ile şöyle olabilir.
default.
ASP kodlarınız
Kod:
<style type="text/CSS">
<!--
@import url("CSS/mystyle.CSS");
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" XML:lang="en" lang="en">
<head>
<title>.:: Title ::.</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254">
<meta http-equiv="content-language" content="TR">
<meta name="author" content="xxK -xx@yy.com">
<link rel="stylesheet" type="text/CSS" href="soykan.CSS" media="screen" />
</head
<body>
<div id="main">
<div id="top"><!-- #include file ="top.ASP"--></div>
<div id="top2">menu</div>
<div id="left"><!-- #include file ="left.ASP"--></div>
<div id="middle"><!-- #include file ="middle.ASP"--></div>
<!--<div id="right">right</div>-->
<div id="footer"><div class="kagitkose"><div class="innerdiv"><!-- #include file ="footer.ASP"--></div>
</div>
<div id="reklamalani"></div>
</body>
</HTML>
mystyle.
CSS kodlarınız.
Kod:
/*CSS kodlari*/
HTML,body
{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
background : url('images/back02.jpg');
/*background-repeat:repeat-x;*/
/*background-position:left;*/
/*background-color:#bde7ff;*/
font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:100%;
overflow:auto;
}
#main { width:800px;
margin:0; /*auto ortalar*/
text-align:left;
/*border:1px solid;*/
/*border-right-style:solid;*/
/*border-bottom-style:solid;*/
height:auto;
background-color:white;
}
#top
{width:798px;
height:238px;
float:left;
background-color:white;
padding:1px;
border:0px aqua solid;
}
#top2
{width:798px;
height:25px;
float:left;
background-color:white;
padding:1px;
border:0px aqua solid;
/*background: url('images/iletisim_back.gif') ;*/
font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
}
#left { width:210px;
height:510px;
margin-left:0px;
display:block;
float:left;
background-color:white;
padding:0px;
border:0px solid #CCCCCC;
font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border-right-style:dotted;
}
#middle { width:590px;
height:510px;
margin-left:0px;
display:block;
float:left;
background-color:white;
padding:0px;
border:0px solid #CCCCCC;
font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#right { width:199px;
height:417px;
margin-left:0px;
display:block;
float:left;
background-color:white;
padding:0px;
border:0px aqua solid;
font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#footer {width:798px;
height:60px;
background-color:#ffffff;
padding:1px;
margin-bottom:0px;
border:0px solid #CCCCCC;
float:left;
/*background: url('images/footer_image.jpg') ;*/
font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:10.5px;
font-style:normal;
font-weight:lighter;
text-shadow:Black;
text-align:center;
clear:both;
}
#reklamalani {
display:block;
position:fixed;
left:801px;
top:0px;
height:550px;
width:100px;
border:0px solid #CCCCCC;
background:url('images/test.jpg') no-repeat #ffffff;
}
* HTML #reklamalani {position:absolute;}
#reklamalani span {
display:none;
}
.kagitkose{
border: 0px solid #CCCCCC;
margin-bottom: 1em;
width: 798px;
}
.kagitkose .innerdiv{
background: transparent url(images/footer_sag_kose.jpg) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
a:link
{
color: #B32E33;
text-decoration:none;
text-align:left;
}
a:visited
{
color: #B32E33;
text-decoration:none;
text-align:left;
}
a:hover ,a:active
{
color: #ff0000;
font-weight:bolder;
}
kolay gelsin