advertentie

Dit forum is niet langer actief. Voor vragen kun je voortaan terecht in de Vraag & Antwoord-rubriek van PCMweb.nl

 

Ga terug   PCM Forum > Scripting > Scripting

Antwoord
 
Discussietools Weergave
Oud 18 August 2009, 22:50   #1
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard Achtergrondkleur laag mislukt

Hallo,

Ik ben bezig met een site die ik maak in lagen.
En een extern css blad.

Nu wil alleen de achtergrond van een laag die groter is dan de main laag niet kleuren.
Ik ben al zooo lang er mee bezig dat ik nu jullie hulp in schakel.

Het gaat om de div bodytext.

Hieronder mijn code en daar weer onder de css.
Is er iemand die mij ermee kan helpen??

Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wat is PJR?</title>
<script src="../scripts/jumping.js" type="text/javascript"></script>
<script src="../scripts/popup.js" type="text/javascript"></script>
<link href="../scripts/css.css" type="text/css" rel="stylesheet" />

</head>

<body>
<div id="apDivpagecontainer">
<div id="bodytext"><span class="Kop">Wat is PJR?</span><br />
  <br /> 
  <span class="text">PJR staat voor Protestantse JeugdRaad (PJR), de Taakgroep van de Protestantse Gemeente van Amstelveen-Buitenveldert. In september 2005 is de naam van de Gereformeerd-Hervormde Jeugdraad (GHJ) gewijzigd in PJR.<br />
  <br />
  De GHJ is in 1982 ontstaan door een fusie van de Hervormde Jeugdraad en de Overleggroep Gereformeerd Jeugd en Jongerenpastoraat. <br />
  <br />
  Zo werd de GHJ de voorloper in het Samen Op Weg proces in Amstelveen-Buitenveldert wat is uitgemondt in PJR.<br />
  </span><br />
  <span class="subkop">De doelstelling van de PJR is:</span><br />
  <br /> 
  <span class="text">Kinderen, tieners en jongeren zo toerusten dat zij, op grond van een bijbelse visie, in verbondenheid met God en in navolging van Christus, keuzes leren maken in hun persoonlijk leven, binnen de kerk en in de samenleving. </span><br />
  <br />
  <span class="subkop">  Onze uitgangspunten:</span><br />
  <br />
  In de activiteiten laten we het Woord van God aan bod komen; wij vinden het belangrijk dat jongeren hun ervaringen plaatsen in het perspectief van het Koninkrijk van God. Het gaat bij ons om wederzijds leren; jongeren serieus nemen, ervan uitgaan dat wij niet alleen hen, maar zij ons ook wat kunnen leren, vertrouwen bieden en geven, rekening houden met de fase waarin zij zich op dat moment bevinden. Oog hebben voor de sociale context (gezin, milieu, school, vereniging, andere cultuur en religie) waarin jongeren zich bevinden en ouders actief betrekken bij geloofsopvoeding en het bevorderen van onderlinge relaties. Jongeren helpen zichzelf te ontdekken en te accepteren, met hen kijken naar wie zij zijn voor God en wie God is voor hen. Hun eigen gaven en talenten helpen ontdekken, het vertalen van bijbelse basiskennis naar het dagelijks leven, hen stimuleren om te zien naar elkaar en naar anderen, zowel binnen als buiten de kerkgemeenschap. Samenstelling en taak PJR bestuur : Anko Verburg vertegenwoordiging vanuit Handwegkerk - secretaris Vanessa Atmadja vertegenwoordiging vanuit Paaskerk Herma Hemminga vertegenwoordiging vanuit Bankraskerk Vacature vertegenwoordiging vanuit Nw. Kruiskerk Vacature vertegenwoordiging vanuit Dorpskerk Inke Otting jeugdpastoraal werker PJR (19 uur p.w.) Hanna de Kam jeugdwerker vanuit JOP ( 8 uur p.w.) Dhr. H. den Dunnen financi?le administratie Taak van het jeugdraadbestuur : Initi?ren en activeren van ?bovenwijkse? jeugdwerk activiteiten Informeren en zo nodig co?rdineren van activiteiten voor de jeugd in de wijkgemeenten Zorg dragen voor communicatie met Algemene Kerkenraad, College van Kerkrentmeesters, wijkkerkenraden, predikanten en beroepskrachten Financieel beheer voor jeugdwerkactiviteiten in wijkkerken en centrale activiteiten. Op basis van de jaarlijkse begroting, ingediend bij het College van Kerkrentmeesters, ontvangt de PJR een toelage voor het jeugdwerk. Ondersteuning beroepskrachten Meer informatie is te vinden in het jaarverslag activiteitenplan 200809 </div>	
  <div id="menu">
  <ul>
  <li><a href="index.html"><br />
    <br />
    Home</a>
   
    <ul>
      <li><a href="pagina/watispjr.html">Wat is de PJR</a></li>
    </ul>
    
<ul>
  <li><a href="pagina/agenda.html">Agenda</a>
    <ul>
    </ul>
  </li>
</ul>


<ul>
  <li><a href="pagina/kinderwerk.html">Kinderwerk</a>
    <ul>
    </ul>
  </li>
</ul>


<ul>
  <li><a href="pagina/tienerwerk.html">Tienerwerk</a>
    <ul>
    </ul>
  </li>
</ul>

<ul>
  <li><a href="pagina/provider.html">Provider</a>
    <ul>
      <li><a href="pagina/themafilmeten.html">ThemaFilmEten</a></li>
      <li><a href="pagina/handenuitmouwen.html">Handen uit de mouwen</a></li>
      <li><a href="pagina/staeenstil.html">Sta eens even stil</a></li>
      <li><a href="pagina/insideoutschilderen.html">Inside-out Schilderen</a></li>
      <li><a href="pagina/theaterweekend.html">Theaterweekend</a></li>
      <li><a href="pagina/barretochsirkelslag.html">Barretocht en Sirkelslag</a></li>
    </ul>
  </li>
</ul>

<ul>
  <li><a href="pagina/passepartout.html">Passepartout</a>
    <ul>
    </ul>
  </li>
</ul>

<ul>
  <li><a href="pagina/andereactiviteiten.html">Andere activiteiten</a>
    <ul>
    </ul>
  </li>
</ul>

<ul>
  <li><a href="pagina/contact.html">Contact</a>
    <ul>
    </ul>
  </li>
</ul>

<ul>
  <li><a href="pagina/links.html">Links<br />
    <br />
    <br />
  </a>
    <ul>
    </ul>
  </li>
</ul>
  </li>
</ul>
  </div>
  
  <div id="apDivlogo"></div>
  <div id="apDivbanner">
      <p class="bannertext">Welkom op de website<br />
    Protestantse Jeugdraad Amstelveen-Buitenveldert</p>
  </div>
  <div class="bannerondertext" id="bannerondertext">Hier vind je alles over   o.a Provider en PassePartout 16+ </div>
  </p>
</div>
</body>
</html>
css code
Code:
#menu {
	width:150px;
	margin-left:-220px;
	z-index: 0;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:150px;
padding-top:5px;
}

#menu a, #menu h2 {
display: block;
border-width: 0px;
border-style:outset;
border-color: ;
margin: 0;
padding: 5px 5px;
}


#menu a {
background:#107e3e;
}

#menu a:hover {
background: #107e3e;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}

#menu li {
	position: relative;
	background-color: #107E3E;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 150px;
}

div#menu ul ul ul 
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



.vraag {
	width:120px;
	height:20px;
	overflow:hidden;
	cursor:pointer;
	z-index:100;
	padding-top: 0px;
	padding-left: 0px;
	}
	
.antwoord {
	position:relative;
	width:135px;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	padding-left: 15px;
}
	
.antwoordInhoud {	
	position:relative;
	font-size:10pt;	
	padding:2px;
}

.bannertext {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	color:#a5ce3a;
}

.bannerondertext {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	color:#a5ce3a;
	padding-top: -25px;
}

.text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-style:normal;
	color:#a5ce3a;
	text-align:left;
}

.Kop {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	color:#a5ce3a;
}

.subkop {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bolder;
	text-align:left;
	color:#a5ce3a;
}


#apDivpagecontainer {
	position:relative;
	width:800px;
	z-index:100000;
	margin: auto auto auto auto;
	top: 85px;
	padding-left: 220px;
	background-repeat:no-repeat;
	background-color: #4d9f51;
	overflow: visible;
	height: 100%;
	padding-top: 250px;
}


#apDivlogo {
	position:absolute;
	width:170px;
	height:188px;
	z-index:3;
	left: -70px;
	top: -80px;
	background-image: url(http://home.hetnet.nl/~jeugdraad/afbeeldingen/Logo.png);
}

#apDivbanner {
	position:absolute;
	width:975px;
	height:74px;
	z-index:4;
	left: 10px;
	top: 40px;
	text-align:center;
}

#bannerondertext {
	position:absolute;
	width:976px;
	height:44px;
	z-index:5;
	left: 10px;
	top: 114px;
}

#bodytext {
	position:absolute;
	width:845px;
	height:100%;
	top: 200px;
	background-color: #4d9f51;
	left: 0px;
	padding-left: 175px;
}


a:link {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color: #a5ce3a;
	text-decoration: none;
}
a:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration: none;
	color: #86ae1d;
}
a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration: underline;
	color: #a5ce3a;
}
a:active {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration: none;
	color: #a5ce3a;
}
.style1 {
	color: #990000;
	font-size: 24px;
	font-weight: bold;
}
Graag hoor ik van jullie.

Groet StevenT
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG


StevenT is offline   Met citaat antwoorden
Oud 19 August 2009, 10:13   #2
gvanvoor
PCM Lord
 
gvanvoor's schermafbeelding
 
Geregistreerd: 26 January 2006
Locatie: De gezelligste stad ter wereld: Gent
Berichten: 928
Standaard

Ik snap niet goed wat je bedoelt... Screenshot van hoe het er bij mij uitziet:

In welk opzicht moet dat anders (afgezien van het logo linksboven dat half afgesneden is, want dat is duidelijk en dat was je vraag niet).
__________________
If you want to work on your computer: buy a PC. If you want to do work on your computer: buy a Mac.
gvanvoor is offline   Met citaat antwoorden
Oud 19 August 2009, 13:49   #3
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard

De tekst wat nu zwart is moet meer verspreid worden naar beneden.
Dus in alinea's en koppen. Wanneer ik dat doe, rekt uiteraard mn div uit omdat ik heb gezegd dat hij height:100% moet zijn. MAAR hij kleurt daarna de div BUITEN mijn maindiv (divcontainer) niet meer groen, hoewel de tekst wel door loopt.

Dat wil niet lukken bij mij

Groet Steven
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG


StevenT is offline   Met citaat antwoorden
Oud 19 August 2009, 16:18   #4
gvanvoor
PCM Lord
 
gvanvoor's schermafbeelding
 
Geregistreerd: 26 January 2006
Locatie: De gezelligste stad ter wereld: Gent
Berichten: 928
Standaard

Ik begrijp het nog niet helemaal... Kan je een soort mock-up maken (in photoshop of zo) en posten van hoe het er uit hoort te zien ?
__________________
If you want to work on your computer: buy a PC. If you want to do work on your computer: buy a Mac.
gvanvoor is offline   Met citaat antwoorden
Oud 19 August 2009, 16:22   #5
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard

Kan denk beter even verwijzen naar huidge site Let alleen even niet op het menu.
URL NIET MEER BRUIKBAAR OVERSCHREVEN
Mocht het nog onduidelijk zijn dan post ik een voorbeeld zoals het moet zijn.

De div waarin de tekst staat moet groen zijn van achtergrondkleur.
Alleen op een of andere manier loopt wel de tekst door maar niet de achtergrond kleur.
Probeer maar, aantal enters tussen de zwarte tekst.

Groet Steven
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG



Laatst gewijzigd door StevenT : 21 August 2009 om 10:46
StevenT is offline   Met citaat antwoorden
Oud 19 August 2009, 21:53   #6
gvanvoor
PCM Lord
 
gvanvoor's schermafbeelding
 
Geregistreerd: 26 January 2006
Locatie: De gezelligste stad ter wereld: Gent
Berichten: 928
Standaard

Best voorbeeldje posten...
__________________
If you want to work on your computer: buy a PC. If you want to do work on your computer: buy a Mac.
gvanvoor is offline   Met citaat antwoorden
Oud 19 August 2009, 22:33   #7
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard

Heej,

Ik heb hier 2 screens.

1




2





1 is zoals het nu is. De tekst in de div loopt door en de achtgrondkleur van de div loopt niet door.

2 is zoals het wel hoort. De tekst in de div loopt door en de achtergrondkleur van de div loopt wel door.

Ik heb het wel in de code aangegeven maar hij negeert het op een of andere manier

Ik dank je al genomen hulp. Hopelijk snap je wat ik bedoel.

Groet, Steven
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG


StevenT is offline   Met citaat antwoorden
Oud 20 August 2009, 15:45   #8
gvanvoor
PCM Lord
 
gvanvoor's schermafbeelding
 
Geregistreerd: 26 January 2006
Locatie: De gezelligste stad ter wereld: Gent
Berichten: 928
Standaard

Nu snap ik het. In mijn browser (safari op mac) werd dat getoond zoals het bedoeld is.
Ik zal nog eens testen met wat andere browsers...
__________________
If you want to work on your computer: buy a PC. If you want to do work on your computer: buy a Mac.
gvanvoor is offline   Met citaat antwoorden
Oud 20 August 2009, 16:27   #9
mathijsie
PCM Lord
 
mathijsie's schermafbeelding
 
Geregistreerd: 11 February 2006
Locatie: Vlakbij Nijmegen, Gelderland
Berichten: 2.004
Standaard

Steven, bij mij zie ik geen witte vlakken, de achtergrondkleur loopt gewoon door.
__________________
Wie het kleine niet leert, doet het grote verkeerd.
mathijsie is offline   Met citaat antwoorden
Oud 20 August 2009, 23:46   #10
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard

HE !? Wat raar. Bij mij in FF deed hij het totaal niet En ik maar dingen veranderen en proberen maar het schoot totaal niet op.
Nah wat stom zo. Want bij mij doet die het namelijk ook niet op IE.

Wat doen jullie anders dan ik ??

Groet Steven (die dr langzamerhand niets meer van snapt)

ps het herschrijven door een van jullie zou dat iets uitmaken??

Hij is nu online opnieuw:
http://home.hetnet.nl/~jeugdraad/pagina/watispjr.html

En hier zie je dat de achtergrond niet doorloopt.
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG



Laatst gewijzigd door StevenT : 21 August 2009 om 10:46 Reden: URL toegevoegd
StevenT is offline   Met citaat antwoorden
Antwoord


Discussietools
Weergave

Regels voor berichten
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Aan
Smileys zijn Aan
[IMG]-code is Aan
HTML-code is Uit

Forumnavigatie


Alle tijden zijn GMT +1. Het is nu 22:58.



Powered by vBulletin Version 3.8.6
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
Nederlandse vBulletin-vertaling door Alacer beschikbaar gesteld door Applinet.