And the solution was: Margin-bottom of <p>. Increasing that selector 
seperated the main text from the lists.

Worth reading for me: CSS; the missing manual by Mc Farland.



Marjo schreef:
> Dear David and Roger,
>
> Thanks for your input. Valuable suggestions but it didn't completely 
> work. I'm now reading a bit more into the basics of css and why it 
> doesn't work. I'll let you know what it was.
>
> Thanks.
>
> Marjo
>
>
>
>
> Roger Roelofs schreef:
>> Marjo,
>>
>> On Dec 28, 2006, at 3:58 PM, Marjo wrote:
>>
>>> I am new to this list, having just started my webdesign activities 
>>> again.
>> Welcome.  I hope you enjoy the list as much as I have.
>>
>>> On a webpage I want to have a piece of text with in between a few 
>>> lists. Now, with my current design and stylesheet make-up, I have 
>>> the lists with items floating between the text.
>> I'm not sure I understand the question.  However, I have a few 
>> general suggestions.
>>
>> The first step should be to write valid markup.  The page is missing 
>> some starting and ending tags.  When browsers have to guess at where 
>> elements start and end, they each do it differently.  This causes a 
>> lot of frustration for you.
>>
>> Second, the link to the stylesheet is incorrect, so we are seeing the 
>> page without any style applied.  When I fix the link element I see 
>> that the paragraphs and lists are overlapping.  This is caused by 
>> setting the height on the p element.  Remove that and the overlap 
>> will stop.
>>
>> Third, validate the css also.  You have some font names that need to 
>> be in quotes (because they have spaces in their name).  While you are 
>> there, try setting your font-sizes in percent or ems.  That way 
>> readers with low vision can easily increase the text size of your 
>> site so they can more comfortably read it.
>>
>> I cleaned up/validated the html and got something like this.
>>
>> -------------  html ------------
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
>>   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
>> <html xmlns="http://www.w3.org/1999/xhtml"; lang="du" xml:lang="du">
>> <head>
>>   <meta name="generator" content="HTML Tidy for Mac OS X (vers 1st 
>> December 2004), see www.w3.org" />
>>
>>   <title>Chantal van Cappelleveen Zorgadvies</title>
>>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
>>   <meta name="keywords" content="Chantal van Cappelleveen Zorgadvies, 
>> pgb, zorg" />
>>   <meta name="description" content="Website van Chantal van 
>> Cappelleveen Zorgadvies" />
>>   <meta name="author" content="Chantal van Cappelleveen" />
>>   <link rel="stylesheet" type="text/css" href="index.css" />
>> </head>
>>
>> <body>
>>   <h3>Over mij&hellip;&hellip;</h3>
>>
>>   <p>Van 1997 t/m 2001 heb ik de opleiding HBO MWD gevolgd, in juni 
>> 2001 ben ik afgestudeerd.<br />
>>     Mijn stage heb ik gevolgd bij Stichting MEE regio Tiel. Vanaf 
>> 2000 t/m januari 2006 heb ik gewerkt bij Stichting MEE Zuid Holland 
>> Zuid. Mijn voornaamste werkzaamheden waren: cliënt- en 
>> gezinsondersteuning, hulpvraagverduidelijking, casemanager, 
>> ondersteuning bij indicatieaanvragen en bemiddeling naar zorg. 
>> Overige taken waren :</p>
>>
>>     <ul id="nav">
>>       <li>Aandachtsfunctionaris AWBZ indicatiestelling (PGB).</li>
>>       <li>Profileringswerkzaamheden Stichting MEE, invoering WMO.</li>
>>
>>       <li>Participatie in projectgroep ëGewoon Meedoení. Samenwerking 
>> tussen diverse aanbieders, gemeente en St. MEE. Toeleiding naar werk 
>> van mensen met een beperking.</li>
>>
>>       <li>Participatie in diverse regionale patiënten/cliënten 
>> platforms (o.a. PGB netwerk en RPCP -Zorgbelang).</li>
>>     </ul>
>>
>>     <p>In 2001 drie maanden (tijdens afstuderen) ziektevervanging in 
>> het Diakonesse Ziekenhuis te Zeist als medisch maatschappelijk werker 
>> (transfer- en indicatiebegeleiding).</p>
>>     <p>Juni 2001 afstudeerproject ëSturen naar Kwaliteití. Het 
>> project richtte zich op het ontwikkelen van een zelfsturend team.</p>
>>     <p>Van september 2002 tot februari 2003, medeoprichtster van PGB 
>> Bureau. PGB Bureau is gespecialiseerd in administratiebeheer van PGB 
>> budgetten. Ik richtte mij op het zorginhoudelijke deel.</p>
>>
>>     <ul class="left">
>>       <li>Begeleiden van startende woonprojecten</li>
>>       <li>zorginventarisatie tbv indicatiestelling</li>
>>       <li>PGB advies Stichting Thomashuizen</li>
>>     </ul>
>>
>>     <p>In 2002 betrokken bij oprichting van Nederlandse 
>> Branchevereniging PGB Adviseurs (NBPA).</p>
>>     <p>Heel 2006 heb ik als Jeugdbeschermer gewerkt bij Bureau 
>> Jeugdzorg. Ik heb dit jaar veel ervaring opgedaan in het werken 
>> vanuit een gedwongen kader en geleerd over de juridische ascpecten 
>> van de Onder Toezicht Stelling, Jeugdhulpverlening in zín algemeen en 
>> indicatiestelling van Jeugdhulpverlening. Ook heb ik een 
>> functiescholing gevolgd (Pro Education en Bureau Jeugdzorg) en met 
>> positief resultaat afgerond.<br />
>>       <br />
>>       December 2006</p>
>>   </body>
>> </html>
>>
>>
>> --Roger Roelofs
>> "Remember, if you’re headed in the wrong direction,
>>     God allows U-turns!"
>>       ~Allison Gappa Bottke
>>
>>
>
>

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to