Menu
would you please be so kind to help me with this one? i never used CSS and i’m doing all of this as an amateur. i can’t figure out some thing so i’d be very thankful if you could help me.
this is how i want the text to be aligned when i preview the web page:
[url]http://img202.imageshack.us/i/hbhbhunbnjnmkm.jpg/
and this is how it looks like in firefox after i save it:
[url]http://img859.imageshack.us/i/zugbztfcu.jpg/
looks like it’s divided in two columns, and i don’t want that.
this is the code:
[QUOTE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<title>Webdesign</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<link href=”style.css” rel=”stylesheet” type=”text/css” />
<!–[if IE]>
<style type=”text/css” media=”all”>
@import “ie.css”;
</style>
<![endif]–>
</head>
<body style=”background-color: #2C7A72″>
<div id=”ie”></div>
<div id=”wrapper” style=”width: 458; height: 44″>
<ul id=”nav”>
<li><a href=”index.html”><img src=”images/menu_1cb.gif” width=”31″ height=”70″ alt=”home” /></a></li>
<li><a href=”
<li><a href=”
<li><a href=”
<li><a href=”
</ul>
<h1> </h1>
<div id=”body”>
<div class=”inner”>
<div id=”content”>
<div style=”width: 413; height: 180″>
<p style=”text-align: justify”>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Proin nec lorem urna. Cras eget aliquet mi. Nulla
tincidunt magna nec velit facilisis vel lobortis orci vulputate. Ut
eget sapien vel metus tempus consectetur vel at lacus. In hac
habitasse platea dictumst. Nullam magna arcu, mattis ut mollis semper,
interdum nec odio. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Nulla et augue eget mauris
tristique convallis ut a felis. Mauris lacus felis, blandit a dapibus
sed, ultricies et ipsum. Suspendisse et dolor ipsum. Duis rhoncus
semper condimentum. Pellentesque vel mauris sit amet ante tempor
ultrices eget at nisi. Donec posuere, nisl quis tempus venenatis,
nulla erat elementum eros, non sodales ipsum magna in massa. Donec sit
amet velit dolor. Suspendisse aliquet viverra condimentum.</div>
</div>
<!– end content –>
<div id=”page_title” style=”width: 72; height: 82″> </div>
<!– end page_title –>
<!– end news –>
<div class=”clear”></div>
</div>
<!– end .inner –>
<div id=”footer”> <img src=”images/footer.jpg” width=”435″ height=”196″ alt=”tortoise” class=”footer” /> <img src=”images/footer_ie.gif” width=”435″ height=”196″ alt=”tortoise” class=”footerie” /></div>
<!– end footer –>
</div>
<!– end body –>
<div id=”paper”>
<div class=”inner” style=”width: 197; height: 10″>
</div>
<!– end .inner –>
</div>
<!– end paper –>
</div>
<!– end wrapper –>
</body>
</html>