Are many of you out there using a lot of negative values to position your content using CSS? Maybe I’m not doing it correctly, but I’m finding that I have to use negative values to achieve the layout that I want.
Here’s a link to what I’m trying to achieve. I made this site using tables, but I want to convert it to a table-less CSS layout:
[url]http://www.mark-yieh.com/anneSharp/aboutMagda.html
Here’s the code that I’m working with to try to achieve the same layout using CSS:
[code]
body {background-color: #C4C4C4; width: 800px; margin: auto;}
.header {font-family: Blackadder ITC, arial, serif; font-size: 51px;
color: blue; text-align: left; padding: 15px 0px;}
.leftLinks {font-family: papyrus; width: 175px; float: left;}
.leftLinks img {width: 150px;}
.leftLinks ul {list-style-type: none; padding-left: 0px;}
.leftLinks .indent {padding-left: 15px;}
.leftLinks a {text-decoration: none;}
.content {font-family: arial; text-align: justify;}
.content #portrait {padding: 0px 20px;}
.header2 {font-size: 150%;}
blockquote {font-style: italic;}
Here’s the HTML that I was working with:
[code=html]
<!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” lang=”en”>
<head>
<title>About Magda Herzberger</title>
<meta http-equiv=”content-type” content=”text/html; charset=ISO-8895-1″ />
<link rel=”stylesheet” href=”magdaCSS.css” type=”text/css” />
</head>
<body>
<div class=”header”>Magda Herzberger</div>
<div class=”leftLinks”>
<img src=”pictures/starOfDavid3.gif” alt=”Star Of David” title=”Star of David” />
<ul>
<li><a href=”magdaHomePage.html”>Home</a></li>
<li><a href=”abougMagda.html”>About Magda</a></li>
<li class=”indent”><a href=”timeline.html”>Timeline</a></li>
<li class=”indent”><a href=”gallery.html”>Gallery</a></li>
<li><a href=”books.html”>Books</a></li>
<li><a href=”speaking.html”>Speaking</a></li>
<li><a href=”pressRoom.html”>Press Room</a></li>
<li><a href=”contact.html”>Contact</a></li>
</ul>
</div>
<div class=”content”>
<img id=”portrait” src=”pictures/MagdaHerzberger.jpg” alt=”A picture of Magda
Herzberger” />
<h3>Magda Herzberger</h3>
<blockquote>I was an eyewitness to the Holocaust. ‘What is the meaning of
life?’ I ask myself after all my experiences.</blockquote>
<blockquote>The meaning of life is the live life fully… to love, to share, to
be.</blockquote>
<h3>Biography:</h3>
<p>A poet, lecturer, composer and author of several books, Magda Herzberger is one
of the few remaining survivors of the Holocaust perpetrated by the Nazis upon the
Jewish people during World War II. Against all odds, she survived three death
camps: Auschwitz-Birkenau, Breman, and Bergen-Belsen.</p>
<p>Magda was born in 1926 in the city of Cluj, Romania. An only child, she was
raised by her loving parents in the heart of Romania. There she lived a happy
childhood surrounded by many young cousins, and enjoying family get-togethers with
handmade ice cream and freshly roated corn-on-the-cob.</p>
<p>But Magda’s world was shattered when Adolph Hitler’s troops occupied her native
city in 1944. Being of Jewish faith, she and her family were deported on cattle
cars to the German concentration camps.</p>
<p>Magda has spent the last 30 years writing and speaking about how the Nazis almost
murdered her entire family and finally left her to die in a pile of dead bodies at
Bergen-Belsen. It was her physical stamina combined with her tenacious spirit and
faith in God that helped her survive the most unimaginable horrors. Magda’s mother
also survived, passing away in 1995 at the age of 93.</p>
<p>Magda is a remarkable poet, drawing on her thoughts about life, faith, hope,
love, her feelings as a Holocaust survivor, and a variety of other subjects. Her
book "e;Inspirational Poetry" is one of her unpublished manuscripts
consisting of a selection of the best writings of her 38-year writing career.
Behind each of her poems thre is a story to be told and experienced.</p>
<p>
</div>
</body>
</html>
Thanks for reading.