elımde bir kod var ama tasarım ustu ve altı dıye ayıramıyorum div content diye bolum yok bunda nasıl ayıracam yardımcı olabilecek biri varmı...kodu da verim ayıra bılen olursa cok makbule gececek ya
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" dir="ltr" lang="en-US" xml:lang="en">
<head>
<!--
Created by Artisteer v3.0.0.33215
Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Artisteer </title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="art-page-background-middle-texture">
<div id="art-page-background-glare">
<div id="art-page-background-glare-image">
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-center">
<div class="art-header-png"></div>
<div class="art-header-jpeg"></div>
</div>
</div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li>
<a href="#" class="active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
</li>
</ul>
</div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-sidebar1">
<div class="art-vmenublock">
<div class="art-vmenublock-body">
<div class="art-vmenublockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Navigation</h3>
</div>
<div class="art-vmenublockcontent">
<div class="art-vmenublockcontent-tl"></div>
<div class="art-vmenublockcontent-tr"></div>
<div class="art-vmenublockcontent-bl"></div>
<div class="art-vmenublockcontent-br"></div>
<div class="art-vmenublockcontent-tc"></div>
<div class="art-vmenublockcontent-bc"></div>
<div class="art-vmenublockcontent-cl"></div>
<div class="art-vmenublockcontent-cr"></div>
<div class="art-vmenublockcontent-cc"></div>
<div class="art-vmenublockcontent-body">
<ul class="art-vmenu">
<li>
<a href="page.html?i1"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
</li>
<li>
<a href="page.html?i2"><span class="l"></span><span class="r"></span><span class="t">News</span></a>
</li>
<li class="active">
<a class="active" href="page.html?i3"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>
</li>
<li>
<a href="page.html?i4"><span class="l"></span><span class="r"></span><span class="t">Video</span></a>
</li>
<li>
<a href="page.html?i5"><span class="l"></span><span class="r"></span><span class="t">Archive</span></a>
</li>
<li>
<a href="page.html?i6"><span class="l"></span><span class="r"></span><span class="t">Forum</span></a>
</li>
<li>
<a href="page.html?i7"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
</li>
<li>
<a href="page.html?i8"><span class="l"></span><span class="r"></span><span class="t">Contact</span></a>
</li>
</ul>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-block">
<div class="art-block-body">
<div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Highlights</h3>
</div>
<div class="art-blockcontent">
<div class="art-blockcontent-tl"></div>
<div class="art-blockcontent-tr"></div>
<div class="art-blockcontent-bl"></div>
<div class="art-blockcontent-br"></div>
<div class="art-blockcontent-tc"></div>
<div class="art-blockcontent-bc"></div>
<div class="art-blockcontent-cl"></div>
<div class="art-blockcontent-cr"></div>
<div class="art-blockcontent-cc"></div>
<div class="art-blockcontent-body">
<div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">Demo</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#" class="visited">Visited link</a></li>
<li><a href="#" class="hover">Hovered link</a></li>
</ul>
<p><b>Jun 14, 2008</b><br />
Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam
diam dictum urna, nec placerat elit
nisl in quam. Etiam augue pede,
molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra.<br />
<a href="javascript:void(0)">Read more...</a></p>
<p><b>Aug 24, 2008</b><br />
Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam
diam dictum urna, nec placerat elit
nisl in quam. Etiam augue pede,
molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra.<br />
<a href="javascript:void(0)">Read more...</a></p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="art-layout-cell art-content">
<div class="art-post">
<div class="art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader"><img src="images/postheadericon.png" width="26" height="26" alt="" />Welcome</h2>
<div class="art-postcontent">
<p>Lorem ipsum dolor sit amet,
<a href="#" title="link">link</a>, <a class="visited" href="#" title="visited link">visited link</a>,
<a class="hover" href="#" title="hovered link">hovered link</a> consectetuer
adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl
in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.</p>
<p>
<span class="art-button-wrapper">
<span class="art-button-l"> </span>
<span class="art-button-r"> </span>
<a class="art-button" href="javascript:void(0)">Read more...</a>
</span>
</p>
<div class="cleared"></div>
<div class="art-content-layout overview-table">
<div class="art-content-layout-row">
<div class="art-layout-cell">
<div class="overview-table-inner">
<h4>Support</h4>
<img src="images/01.png" width="55" height="55" alt="an image" class="image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div><!-- end cell -->
<div class="art-layout-cell">
<div class="overview-table-inner">
<h4>Development</h4>
<img src="images/02.png" width="55" height="55" alt="an image" class="image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div><!-- end cell -->
<div class="art-layout-cell">
<div class="overview-table-inner">
<h4>Strategy</h4>
<img src="images/03.png" width="55" height="55" alt="an image" class="image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div><!-- end cell -->
</div><!-- end row -->
</div><!-- end table -->
</div>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-post">
<div class="art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader"><img src="images/postheadericon.png" width="26" height="26" alt="" />Text, <a href="#" rel="bookmark" title="Permanent Link to this Post">Link</a>, <a class="visited" href="#" rel="bookmark" title="Visited Hyperlink">Visited</a>, <a class="hovered" href="#" rel="bookmark" title="Hovered Hyperlink">Hovered</a></h2>
<div class="art-postcontent">
<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit, <a href="#" title="test link">test link</a>.
Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>.
Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.
Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante.
Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.
Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<blockquote>
<p>
“This stylesheet is going to help so freaking much.”
<br />
-Blockquote
</p>
</blockquote>
<br />
<table class="art-article" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr class="even">
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</tbody></table>
<p>
<span class="art-button-wrapper">
<span class="art-button-l"> </span>
<span class="art-button-r"> </span>
<a class="art-button" href="javascript:void(0)">Join Now!</a>
</span>
</p>
</div>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="art-layout-cell art-sidebar2">
<div class="art-block">
<div class="art-block-body">
<div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Contact Info</h3>
</div>
<div class="art-blockcontent">
<div class="art-blockcontent-tl"></div>
<div class="art-blockcontent-tr"></div>
<div class="art-blockcontent-bl"></div>
<div class="art-blockcontent-br"></div>
<div class="art-blockcontent-tc"></div>
<div class="art-blockcontent-bc"></div>
<div class="art-blockcontent-cl"></div>
<div class="art-blockcontent-cr"></div>
<div class="art-blockcontent-cc"></div>
<div class="art-blockcontent-body">
<div>
<img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />
<br />
<b>Company Co.</b><br />
Las Vegas, NV 12345<br />
Email: <a href="mailto:info( at )company.com">info( at )company.com</a><br />
<br />
Phone: (123) 456-7890 <br />
Fax: (123) 456-7890
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="art-footer">
<div class="art-footer-t"></div>
<div class="art-footer-l"></div>
<div class="art-footer-b"></div>
<div class="art-footer-r"></div>
<div class="art-footer-body">
<a href="#" class="art-rss-tag-icon" title="RSS"></a>
<div class="art-footer-text">
<p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p><p>Copyright © 2012. All Rights Reserved.</p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"><a href="http://www.artisteer.com/">Web Template</a> created with Artisteer.</p>
</div>
</div>
</div>
</div>
</body>
</html>
[/quote]