login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div niet op juiste plaats. (Opgelost)

Offline Erwt - 03/09/2008 10:49 (laatste wijziging 03/09/2008 10:49)
Avatar van ErwtPHP beginner Hej allemaal,

Wanneer ik mijn script open dan verdwijnt er een div d.m.v. javascript. Met een mouseover komt hij terug, maar niet op de juiste plek.

Dit is de css van de div:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. position:absolute;
  2. 			background:url('background.gif');
  3. 			height:50px;
  4. 			width:175px;
  5. 			color:#bababa;
  6. 			text-align:center;
  7. 			font-family:Arial;


Dit is de javascript code:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById("persooninfo").style.left = links;
  2. 	document.getElementById("persooninfo").style.top = boven;


In de functie krijgt hij links en boven gewoon mee.. het probleem is dat ik het eerst op een blanke pagina geprobeerd heb. Dit deed het gewoon maar nu ik het geimplementeert heb werkt het niet meer. Zou er een logische reden voor kunnen zijn zonder heel het css te geven?

17 antwoorden

Gesponsorde links
Offline Kr4nKz1n - 03/09/2008 10:53
Avatar van Kr4nKz1n Onbekend Hiervoor zou ik toch echt je site moeten bekijken.
Offline Erwt - 03/09/2008 11:03
Avatar van Erwt PHP beginner Deze werkt

Deze niet

Bedankt alvast!
Offline Kr4nKz1n - 03/09/2008 11:10
Avatar van Kr4nKz1n Onbekend Al position: relative; geprobeerd?

Vaak kan ik dit soort dingen wel oplossen, alleen test ik gewoon heel veel 
Offline Erwt - 03/09/2008 11:11 (laatste wijziging 03/09/2008 11:14)
Avatar van Erwt PHP beginner Relative al geprobeerd, maar dat betekend juist dat je hem op 'zijn plek' zet..

En als je met firefox de rest van de CSS weg haalt dan blijft het hetzelfde.. zal het met het javascript stukje te maken hebben?
Offline Ontani - 03/09/2008 11:13
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 begin eens met een container rond de map en de div met personeelsinfo te gooien die op position: relative staat:

Dus:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="position: relative;">
  2. <map name="mensen"> 
  3.     <area shape="circle" coords="81,50,25" onMouseOver="over('Altjo','Expeditie',81,50)" onMouseOut="out()" href="#"> 
  4.     <area shape="circle" coords="160,60,25" onMouseOver="over('Wim','Directeur',160,60)" onMouseOut="out()" href="#"> 
  5.     <area shape="circle" coords="200,100,25" onMouseOver="over('Mattias','Binnenhuisadviseur',200,100)" onMouseOut="out()" href="#"> 
  6.     <area shape="circle" coords="266,67,25" onMouseOver="over('Koos','Binnenhuisadviseur',266,67)" onMouseOut="out()" href="#"> 
  7.     <area shape="circle" coords="323,66,25" onMouseOver="over('Peter','Service & Binnenhuisadviseur',323,66)" onMouseOut="out()" href="#"> 
  8.     <area shape="circle" coords="415,60,25" onMouseOver="over('Gert','Expeditie',415,60)" onMouseOut="out()" href="#"> 
  9.     <area shape="circle" coords="115,235,25" onMouseOver="over('Alie','Boekhouding',115,235)" onMouseOut="out()" href="#"> 
  10.     <area shape="circle" coords="267,200,30" onMouseOver="over('Anke','Binnenhuisadviseur',267,200)" onMouseOut="out()" href="#"> 
  11.     <area shape="circle" coords="425,260,30" onMouseOver="over('Bouwien','Planning & Orderverwerking',425,260)" onMouseOut="out()" href="#"> 
  12.     <area shape="default" nohref="nohref" alt="" /> 
  13. </map> 
  14.    	<div id="persooninfo"></div> 
  15. </div>
Offline Erwt - 03/09/2008 11:17 (laatste wijziging 03/09/2008 11:30)
Avatar van Erwt PHP beginner Gedaan, hij staat nu wel 'dichter' op de image, maar er nog steeds niet in.. en moet die div ook om de image zelf heen of alleen maar om de map? (beidde werken niet b.t.w)

Left 0 en top 0 dat werkt dan wel weer, maar met anders waardes gaat hij er gewoon onder staan.
Offline Ontani - 03/09/2008 11:37
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 De persooninfo div hoort in de container te zitten.
Voor de rest moet je misschien nog rekening houden met margins en paddings.

Mijn fout! de afbeelding met de mensen hoort ook in die container te zitten!
Offline Erwt - 03/09/2008 11:39 (laatste wijziging 03/09/2008 11:40)
Avatar van Erwt PHP beginner Met die image had ik al rekening gehouden, maakt nie uit.. ben allang blij dat iemand me wil helpen.

Ik heb die container div nu alleen position: relative; gegeven en de image, maps, shapes en persooninfo div staan daar nu allemaal in.

Margins en Paddings van de website eromheen bedoel je? waar zou ik dan precies naar moeten kijken, ik kan natuurlijk ook niet zomaar een padding hier en daar verwijderen 

// Edit: O nee, als je met firefox alle css van de website weghaalt (inclusief de paddings en margins) dan doet hij nog niet 

Bedankt voor de hulp nogmaals!
Offline Ontani - 03/09/2008 11:45
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Zet hem ook remote zodat we kunnen volgen.
Offline Erwt - 03/09/2008 11:47 (laatste wijziging 03/09/2008 11:48)
Avatar van Erwt PHP beginner Je bedoelt voorbeeld remote? kijk een paar posts terug sorry als je iets anders bedoelt hehe.

We werken trouwens ook met smarty e.d. hier, misschien dat het daardoor ook wel komt, hij pakt de css en javascript wel, dus dat is wel goed ingevuld.
Offline Ontani - 03/09/2008 11:48 (laatste wijziging 03/09/2008 11:50)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Als ik dat voorbeeld bekijk staat de afbeelding met de mensen nog steeds niet in de container div:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="position:relative;"> 
  2. <img src="/images/demensen.jpg" border="0" ismap usemap="#mensen"> 
  3. <map name="mensen"> 
  4.     <area shape="circle" coords="81,50,25" onMouseOver="over('Altjo','Expeditie',81,50)" onMouseOut="out()" href="#"> 
  5.     <area shape="circle" coords="160,60,25" onMouseOver="over('Wim','Directeur',160,60)" onMouseOut="out()" href="#"> 
  6.     <area shape="circle" coords="200,100,25" onMouseOver="over('Mattias','Binnenhuisadviseur',200,100)" onMouseOut="out()" href="#"> 
  7.     <area shape="circle" coords="266,67,25" onMouseOver="over('Koos','Binnenhuisadviseur',266,67)" onMouseOut="out()" href="#"> 
  8.     <area shape="circle" coords="323,66,25" onMouseOver="over('Peter','Service & Binnenhuisadviseur',323,66)" onMouseOut="out()" href="#"> 
  9.     <area shape="circle" coords="415,60,25" onMouseOver="over('Gert','Expeditie',415,60)" onMouseOut="out()" href="#"> 
  10.     <area shape="circle" coords="115,235,25" onMouseOver="over('Alie','Boekhouding',115,235)" onMouseOut="out()" href="#"> 
  11.     <area shape="circle" coords="267,200,30" onMouseOver="over('Anke','Binnenhuisadviseur',267,200)" onMouseOut="out()" href="#"> 
  12.     <area shape="circle" coords="425,260,30" onMouseOver="over('Bouwien','Planning & Orderverwerking',425,260)" onMouseOut="out()" href="#"> 
  13.     <area shape="default" nohref="nohref" alt="" /> 
  14. </map> 
  15.    	<div id="persooninfo"> 
  16.     </div> 
  17. </div>


Zo dus.

Ik zie net dat je ook 2 body tags hebt, misschien eerst effe zorgen dat je html een beetje inorde is...
Offline Erwt - 03/09/2008 11:51 (laatste wijziging 03/09/2008 11:54)
Avatar van Erwt PHP beginner Ja, ben even wat aan het kloten hier.. heb hem alweer even terug gezet. :') maar omdat het zonder die layout eromheen wel werkt..

Over die 2 body's, dat ga ik even opzoeken WANT we gebruiken dus smarty en bij andere pagina's begin ik ook met body.
Offline Ontani - 03/09/2008 11:58
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 <div style="demensen_container"> ?!?

class="demensen_container" niet style é ;)
Offline Erwt - 03/09/2008 12:02
Avatar van Erwt PHP beginner :) damnit, iemand kijkt net voor me.
Offline Ontani - 03/09/2008 13:13
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 zo te zien werkt alles nu zoals het hoort
Offline Erwt - 03/09/2008 13:31
Avatar van Erwt PHP beginner Ja, het probleem was dat in het javascript stuk:

.style.left = links;

daar moest nog pixels achter, terwijl deze wel werkte zonder de layout, raar maar hij doet het!

Heel erg bedankt Ontani.
Offline Ontani - 03/09/2008 13:41
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Zonder layout maakte je geen gebruik van een doctype. Daardoor werd het ook zonder pixels toegelaten
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.222s