CSS bilen birisi yardımcı olursa sevinirim.
StyleSheet.css
body
{
margin: 0px;
width: 800px; }
h1
{
color: #663399; }
td
{
background-color: #FFFF66;
padding: 5px; }
p
{
width: 500px; }
.content
{
float: left; }
.sidebar
{
float: left;
background-color: #9966CC;
padding: white;
width: 250px; }
.header
{
background-color: #FFCC66; }
deneme.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cheese Sandwich</title>
<link href="StyleSheet.css" rel="stylesheet nofollow" type="text/css" />
</head>
<body>
<div class="header">
<img src="SuperEasyRecipesLogo.gif" alt="SuperEasyRecipesLogo.gif"/>
</div>
<div class="sidebar">
<h1>sol menü</h1>
<ol>
<li>Saucepan</li>
<li>Spatula</li>
</ol>
</div>
<div class="content">
<h1>orta kısım</h1>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Prep Time:
</td>
<td>Cook Time:
</td>
<td>Ready in:
</td>
</tr>
<tr>
<td>5 min
</td>
<td>15 min
</td>
<td>20 min
</td>
</tr>
</table>
<ul>
<li>2slices of bread</li>
<li>2 slices of amerikan</li>
<li>butter</li>
</ul>
<h2>directions</h2>
<p>
prehat skillet over medium heat
</p>
<p> deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme
</p>
deneme, deneme, deneme, deneme, deneme, deneme, deneme, deneme, deneme, deneme,deneme, deneme, deneme, deneme, deneme, deneme, deneme
<p>
</p>
</div>
</body>
</html>
sorum css ile alakalı ortadaki kısım ortaya gelmiyor birde yazılar saga dogru cok uzuyor bakıp düzenlememe yardımcı olursanız sevinirim
Php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cheese Sandwich</title>
<style>
body
{
margin: 0px;
width: 800px; }
h1
{
color: #663399; }
td
{
background-color: #FFFF66;
padding: 5px; }
p
{
width: 500px; }
#hepsi{ width:850px; margin:0 auto; overflow:hidden}
.content
{
float: left;width:600px; overflow:hidden }
.sidebar
{
float: left;
background-color: #9966CC;
padding: white;
width: 250px;
}
.header
{
background-color: #FFCC66; }
</style>
</head>
<body>
<div class="header">
<img src="SuperEasyRecipesLogo.gif" alt="SuperEasyRecipesLogo.gif"/>
</div>
<div id="hepsi">
<div class="sidebar">
<h1>sol menü</h1>
<ol>
<li>Saucepan</li>
<li>Spatula</li>
</ol>
</div>
<div class="content">
<h1>orta kısım</h1>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Prep Time:
</td>
<td>Cook Time:
</td>
<td>Ready in:
</td>
</tr>
<tr>
<td>5 min
</td>
<td>15 min
</td>
<td>20 min
</td>
</tr>
</table>
<ul>
<li>2slices of bread</li>
<li>2 slices of amerikan</li>
<li>butter</li>
</ul>
<h2>directions</h2>
<p>
prehat skillet over medium heat
</p>
<p> deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme,deneme
</p>
deneme, deneme, deneme, deneme, deneme, deneme, deneme, deneme, deneme, deneme,deneme, deneme, deneme, deneme, deneme, deneme, deneme
<p>
</p>
</div>
</div>
</body>
</html>
eklediklerimi mavi yaptım. gerisini anlarsın zaten. kolay gelsin.
