linken naar een anchor binnen een div

Status
Niet open voor verdere reacties.
D

DutchDisturbed

Gebruiker
Lid geworden
31 mei 2004
Berichten
317
ello!
ik wil graag van de ene pagina naar een anchor op de andere pagina linken
deze staat alleen in een div.
IE doet niet moeilijk, maar in firefox gaat de hele plaatsing van de div verkeerd, met alle gevolgen van dien :P
hoe kan ik dit toch voor elkaar krijgen?
thnx!
 
kwil me hier wel eens mee op suf zoeken ;), krijgen we een stukje code ?

--Johan
 
uiteraard!
hieronder code maar het makkelijkste is misschien als je het online voorbeeld ziet op http://www.studentencafedebeurs.nl. het menu links verwijst naar verschillende anchors in de middelste <div> op de pagina http://www.studentencafedebeurs.nl/stichting.php
zoals ik het nu opgelost heb volgt ie in IE gewoon de anchor (en werkt het dus) maar in firefox gaat de link alleen naar de pagina zonder verder op zoek te gaan naar de anchor. dit is al een verbetering omdat hiervoor in firefox de hele plaatsing van de div veranderde.

onderstaande code is het menutje uit een div
Code: 
<div id="nav2">
<div class="navheading" style="margin: 0px; border-top: 0px">Stichtingsdisputen</div>
<ul>
<li><a href="stichting.php#hyperion" name="Hyperion">Hyperion</a></li>
<li><a href="stichting.php#lucifer" name="Lucifer">Lucifer</a></li>
<li><a href="stichting.php#pandora" name="Pandora">Pandora</a></li>
</ul>
<p><div class="navheading">Borreldisputen</div>
<ul>
<li><a href="borrel.php#bonaparte" name="Bon'Aparte">Bon'Aparte</a></li>
<li><a href="borrel.php#nucleusdurus" name="Nucleus Durus">Nucleus Durus</a></li>
<li><a href="borrel.php#quivive" name="Qui Vive">Qui Vive</a></li>
<li><a href="borrel.php#schanulleke" name="O.D.D. Schanulleke">Schanulleke</a></li>
</ul>
</div>

en hieronder de code van de div waar ie naar verwijst
Code: 
<div id="tekstvak">
Vanaf augustus 2001 heeft studerend Maastricht kennis kunnen maken met een nieuwe 
studentenkroeg: Studentencaf&eacute; de Beurs. Deze kroeg wordt ge&euml;xploiteerd door 
Hyperion, Lucifer en Pandora. 
 
<p><a href="stichting.php#hyperion"><img src="hyperionlogo.jpg" border="0" alt="Hyperion"></a>
<a href="stichting.php#lucifer"><img src="luciferlogo.jpg" border="0" alt="Lucifer"></a>
<a href="stichting.php#pandora"><img src="pandoralogo.jpg" border="0" alt="Pandora"></a></p>

<br><a name="#hyperion"></a><br><br>
<strong>O.H.M. Hyperion</strong>
<br><img src="Pictures/foto_hyperion.jpg" alt="OHM Hyperion" width="250" height="175" align="left">
Beste student! Van harte welkom in het Bourgondische Maastricht, de stad waarin jij de komende jaren een geweldige studententijd tegemoet zal zien. 

<p><a name="#lucifer"></a><br><strong>Heerendispuut Lucifer</strong><br>
<img src="Pictures/foto_lucifer.jpg" alt="HD Lucifer" width="250" height="150" align="left">
Studentenleven. De meest onbekommerde tijd uit het leven. Niets hoeft, alles mag. Geen geld en toch kan alles. Studeren is terugkeren naar eerste levensbehoeften. Niezen, lachen, huilen en braken. Alles gaat vanzelf, als in een reflex. Bier als moedermelk. Studenten verenigd in een overvloed aan tijd.

<p><a name="#pandora"></a><br><strong>Misspuut Pandora</strong><br>
<img src="Pictures/foto_pandora.jpg" alt="Misspuut Pandora" width="275" height="200" align="left">Misspuut Pandora is een onafhankelijk damesdispuut opgericht in 1990, komend academisch jaar vieren wij dus al ons derde lustrum. 

</div>
 
Laatst bewerkt:
Verander:
<br><a name="#hyperion"></a><br><br> <strong>O.H.M. Hyperion</strong>

in
<br><br><br> <strong><a name="#hyperion">O.H.M. Hyperion</a></strong>
 
hmm ja thnx! was nog een foutje
maar het lost het "probleem" niet echt op in FF. ik krijg nog steeds niet de tekst bovenaan de div die ik wil hebben. ofwel de anchor heeft geen zin...
bvd!
 
Tja, en noe?

Je werkt met een link naar dezelfde php file
Ik kan niet zien of dit een include is.

Maar de -html- code in Arachno ingeladen en het werkt, mits ik de link inkort.

PHP: 
<ul>
<li><a href="#hyperion" name="Hyperion">Hyperion</a></li>
<li><a href="#lucifer" name="Lucifer">Lucifer</a></li>
<li><a href="#pandora" name="Pandora">Pandora</a></li>
</ul>

of het ook in je php uitvoering zo lukt, moet je even uit proberen.
 
eej de file is alleen .php vanwege het agendascript eigenlijk
verder gewoon html
het menutje (de eerste code) en dus de div nav2 staat standaard op elke pagina. juist vanaf die andere pagina's moet die anchor werken. zodra ik de link dus inkort op de andere pagina's wordt er niet meer naar de juiste file gelinkt. binnen de file stichting.php kan dit dan natuurlijk wel. Ik heb met dezelfde pagina's als .html, en dus zonder php scripts, dezelfde problemen.
thnx!
 
Laatst bewerkt:
DutchDisturbed zei:
anyone?
thnx
Klik om te vergroten...


Ik niet :(
Ben er uren mee aan het stoeien geweest.
Kom er niet uit.
Google gaf ook geen antwoord, was zeker niet thuis ;)

Ander doctype bood ook geen soelaas.
php als link werkte ook niet

Wel raar dat als je in de bron kijkt alles wel aanwezig is, doch de browser geeft het niet allemaal weer.
Doe ik de bron kopieren en in mijn editor wederom openen, staat alles er wel.
Dus de html output is goed, maar de weeergave niet.
Dan heeft het toch iets te maken met de opbouw van de php pagina's.
De includes dus.
En wel de volgorde waarin het opgehaald en getoond wordt.
 
Vers van de pers:
http://www.zeepoort.nl/biertjes2

vorige was niet naar mijn zin.

Waar lag het aan?
Toch aan de css.
Je werkte met - posities,
en de divs waren niet lekker geordend.
Door de negatieve waardes in de plaatsing raakt de browser van slag bij de opbouw van de pagina.
De style zit nu in de pagina, bekijk de verschillen.
En.. ik heb de "main" weer zijn funktie gegeven, deze was er wel in de css code, doch werd niet gebruikt.
In de main zitten nu de nav2 tekst en agenda.
 
hmm wat bedoel je met niet lekker geordend?
ik had eerst simpel gezien html style
<bodybeurs>
<nav></nav>
<nav2></nav2><tekstvak></tekstvak><agenda></agenda>
</bodybeurs>
de bodybeurs is dan de container waar je nu main voor hebt gebruikt. Ik begrijp niet helemaal waarom je main er weer ingezet hebt. het was eerlijk gezegd een overblijfsel uit een oude versie die niet die div's links en rechts had.
nu heb je
<bodybeurs></bodybeurs>
<nav></nav>
<main>
<nav2></nav2><tekstvak></tekstvak><agenda></agenda>
</main>
en ik zie niet helemaal waarom die dan beter geordend zijn?
was al wel van plan het "probleem" met de plaatsing te veranderen, maar wist niet dat dit ook dit probleem kon veroorzaken... en volgens mij heeft dat te maken met de padding in de pagina die ik op 0 zou moeten zetten. dan hoef ik waarschijnlijk niet die negatieve waarden te gebruiken en dan moet het wel werken toch? hij werkt nu wel!!
thnx very much iig! eindelijk wat verder....

//edit
volgens mij is die bodybeurs container ook niet helemaal goed.... ik heb nl aangegeven dat alles wat eroverheen komt "hidden" moet zijn, maar zodra ik ga schuiven met die div's erin dan kan ik ze wel buiten dat gebied zien....
 
Laatst bewerkt:
Ja, soms is het wat moeilijker om iets voor elkaar te krijgen.

bodybeurs als container kan natuurlijk ook.
Doch ik heb nu bodybeurs en nav los gezet van de main.
In de main zitten dus de nav2 content en agenda.
Dmv float krijgen nav2 content en agenda hun positie.
Het aangeven van een positie is dan in feite niet nodig.
De float verzorgt dit.

Coclusie:
het lag niet aan de #anchor
wat ik in eerste instantie dacht,
doch aan de div opbouw,
de splitsing in includes
en hierdoor een door de browser verkeerd weergegeven paginaopbouw.

Maar... we hebben weer wat geleerd ;)
:cool:
 
haha ja zeker
ben een beetje wanhopig aan het proberen om het in mijn eigen css in te bouwen maar ik ben bang dat het aan de hele opbouw ligt. als ik het op jouw manier moet doen moet ik mijn hele website veranderen....
maarja met mijn eigen opbouw krijg ik alles netjes nu zonder negatieve waarden, maar lukt het me niet om de nav naar beneden op zn plek te krijgen...
jouw manier is wel minder code en ik heb geprobeerd om het in die bodybeurs goed te krijgen maar op de een of andere manier krijg ik die menubalk "nav" niet naar beneden...
maarja mijn opbouw zal wel fundamenteel fout zijn en ik moet dus waarschijnlijk wel...
thnx
 
holdup! ik snap er toch geen **** van :D
ik zie nu dat je iets heel raars hebt gedaan met de links uit het linkermenu
<li><a href="index.php?file=index.php#hyperion" >Hyperion</a></li>
ofwel de index.php?file etc... mijn bestand is gewoon de html die je ziet alleen heb ik er 1 phpscriptje in staan die onder agenda, de komende activiteiten laat verschijnen.
er is dus geen probleem met includen of iets, het gaat hier om gewone html.
misschien ligt het dus aan deze code waarmee het dan eventueel wel werkt al snap ik niet hoe dan die php in elkaar zit....
de reden dat de andere link wel werkt is misschien omdat ze op dezelfde pagina staan?
dit ging nl meestal wel goed, maar het gaat mis zodra je vanaf een andere pagina komt...
 
In je code heb je di als linkt:
a href="stichting.php#lucifer" name="Lucifer"

en waar je naar toe moet springen
a name="#lucifer"
hoort te zijn
a name="lucifer"
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan