css help
Out of context: Reply #2
- Started
- Last post
- 25 Responses
- forcetwelve0
so i have a layout in html (that i'm getting ready to put into wordpress) which looks like this:
------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>-</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen,projection" /></head>
<body>
<div id="wrapper">
<div id="header">
<ul id="nav">
<li><a href="#">Link Here</a></li>
<li><a href="#" class="active">Link Here</a></li>
<li><a href="#">Link Here</a></li>
<li><a href="#">Link Here</a></li>
<li><a href="#">Link Here</a></li>
</ul>
</div><!-- header -->
<div id="content">
<div id="feature_wrapper">
<div id="feature_left"></div><!-- feature left -->
<div id="feature_right">
<div id="box1" class="box_header">
<a href="gallery.html"><img src="images/feature_right.jpg"></a>
<a href="gallery.html">SECOND BOX</a>
</div><!-- box1 --><div id="box2" class="box_header">
<a href="gallery.html"><img src="images/feature_right2.jpg"></a>
<a href="gallery.html">SECOND BOX</a>
</div><!-- box2 --></div><!-- feature right -->
</div><!-- feature_wrapper -->
<div id="secondary">
<div id="news_wrapper">
<a href="gallery.html"><h1>NEWS HEADING</h1></a>
<div id="line_big"></div><!-- line_big --><div id="news_item">
<a href="gallery.html"><h2>News item Heading</h2></a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div><!-- news_item --></div><!-- news_wrapper -->
<div id="column1">
<a href="gallery.html"><h1>in season</h1></a>
<div id="line_column"></div><!-- line_coulmn -->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div><!-- column1 --><div id="column2">
<a href="gallery.html"><h1>our details</h1></a>
<div id="line_column"></div><!-- line_coulmn -->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div><!-- column2 --></div><!-- secondary -->
<div class="clearfooter"></div></div><!-- content -->
</div><!-- wrapper -->
<div id="footer">
<img src="images/footer_logo.png">
</div><!-- footer --></body>
</html>