DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Ik krijg het volgende maar niet voor elkaar. Er is mij gevraagd of ik een skycraper kan plaatsen op deze site aan de linkerkant.
Nu is dat prima gelukt alleen nu doet het volgende probleem zich voor; op de lagere resoluties komt de skyscraper over de content heen. Ik heb al verschillende dingen geprobeerd maar krijg het maar niet voor elkaar.
De huidige CSS code ziet er zo uit:
Mijn vraag is dus, hoe krijg ik het voor elkaar dat de skyscraper net zoals hier op het FOK forum werkt en dus niet over de content heen valt ongeacht de resolutie.
Nu is dat prima gelukt alleen nu doet het volgende probleem zich voor; op de lagere resoluties komt de skyscraper over de content heen. Ik heb al verschillende dingen geprobeerd maar krijg het maar niet voor elkaar.
De huidige CSS code ziet er zo uit:
| 1 2 3 4 5 6 7 | p.skyscraper { left: -35px; overflow: hidden; padding: 8px; position: absolute; top: 148px; } |
Mijn vraag is dus, hoe krijg ik het voor elkaar dat de skyscraper net zoals hier op het FOK forum werkt en dus niet over de content heen valt ongeacht de resolutie.
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Hier kunnen we precies niets mee, behalve misschien zeggen dat het op zijn minst "apart" is dat je een <p> tag gebruikt voor een skyscraper... Kom met een voorbeeld.quote:Op woensdag 23 januari 2013 15:31 schreef Afwazig het volgende:
Ik krijg het volgende maar niet voor elkaar. Er is mij gevraagd of ik een skycraper kan plaatsen op deze site aan de linkerkant.
Nu is dat prima gelukt alleen nu doet het volgende probleem zich voor; op de lagere resoluties komt de skyscraper over de content heen. Ik heb al verschillende dingen geprobeerd maar krijg het maar niet voor elkaar.
De huidige CSS code ziet er zo uit:
[ code verwijderd ]
Mijn vraag is dus, hoe krijg ik het voor elkaar dat de skyscraper net zoals hier op het FOK forum werkt en dus niet over de content heen valt ongeacht de resolutie.
Wat bedoel je precies met kom met een voorbeeld?quote:Op woensdag 23 januari 2013 15:38 schreef KomtTijd... het volgende:
[..]
Hier kunnen we precies niets mee, behalve misschien zeggen dat het op zijn minst "apart" is dat je een <p> tag gebruikt voor een skyscraper... Kom met een voorbeeld.
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Wat is je html-structuur?
Op welke manier staat je skyscraper tov de content gepositioneerd?
Als je gebruik maakt van een wrapper voor je content, dan kan je deze position: relative meegeven. Je skyscraper zet je vervolgens hier direct als child in, met de absolute en left: -'debreedtevanjeskyscraper+marginsetc'
Ik gok dat die position:relative ergens ontbreekt.
Op welke manier staat je skyscraper tov de content gepositioneerd?
Als je gebruik maakt van een wrapper voor je content, dan kan je deze position: relative meegeven. Je skyscraper zet je vervolgens hier direct als child in, met de absolute en left: -'debreedtevanjeskyscraper+marginsetc'
Ik gok dat die position:relative ergens ontbreekt.
dat dus.
Het is een Wordpress site en gebruikt een wrapper inderdaad. Helaas heb ik niet heel veel kaas gegeten van de rest en is je verhaal een beetje abracadabraquote:Op woensdag 23 januari 2013 16:08 schreef QM84 het volgende:
Wat is je html-structuur?
Op welke manier staat je skyscraper tov de content gepositioneerd?
Als je gebruik maakt van een wrapper voor je content, dan kan je deze position: relative meegeven. Je skyscraper zet je vervolgens hier direct als child in, met de absolute en left: -'debreedtevanjeskyscraper+marginsetc'
Ik gok dat die position:relative ergens ontbreekt.
. Wat ik nu heb is dat ik de advententiecode bovenaan de header.php heb en deze aanroep / positioneer door middel van de CSS.
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Ik denk dat het het makkelijkst is als je even een linkje naar een testpagina maakt waarop die skyscraper te zien is.
Ik heb gelinkt naar de site waar het is te zien in mijn 1e postquote:
Ik denk dat het het makkelijkst is als je even een linkje naar een testpagina maakt waarop die skyscraper te zien is.
. Ik ben nu aan beetje aan het beunhazen en heb het nu zover dat hij niet meer over de content heenvalt bij lage resoluties maar er onder valt. Dat is een verbetering maar hij moet hem natuurlijk gewoon altijd laten zien.bedankt voor de hulp in ieder geval mannen.
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
oh, check. Ik vind het eigenlijk best netjes opgelost zo. Op FOK! bijvoorbeeld valt de skyscraper buiten het browserwindow als je een kleine resolutie hebt, dan vind ik jouw oplossing persoonlijk mooier. Of zou je willen dat er ruimte gereserveerd wordt voor de skyscraper zodat je een scrollbalk krijgt?
Dat laatste was wel de bedoeling ja. Het is zoals het nu is wel een verbetering, dat dan weer welquote:
oh, check. Ik vind het eigenlijk best netjes opgelost zo. Op FOK! bijvoorbeeld valt de skyscraper buiten het browserwindow als je een kleine resolutie hebt, dan vind ik jouw oplossing persoonlijk mooier. Of zou je willen dat er ruimte gereserveerd wordt voor de skyscraper zodat je een scrollbalk krijgt?
.
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
waar moet ik op zoeken als ik met een input element de mogelijkheid wil bieden van pagina te wisselen? Dat je een getal in een form invult en de link van de pagina gewijzigd wordt naar wat ingevoerd is.
“Specialization is for insects”.—Robert Heinlein
gebruik media queries en voeg een break point toe in je cssquote:
[..]
Ik heb gelinkt naar de site waar het is te zien in mijn 1e post
bedankt voor de hulp in ieder geval mannen.
http://www.w3.org/TR/css3-mediaqueries/#width
http://webdesignerwall.co(...)in-responsive-design
links via google
“Specialization is for insects”.—Robert Heinlein
Hoe bedoel je waar je op moet zoeken?quote:Op donderdag 24 januari 2013 01:09 schreef n8n het volgende:
waar moet ik op zoeken als ik met een input element de mogelijkheid wil bieden van pagina te wisselen? Dat je een getal in een form invult en de link van de pagina gewijzigd wordt naar wat ingevoerd is.
Kun je niet gewoon luisteren naar een keydown event op je input-element en vervolgens de value van het veld in de link plakken?
wat de 'ingrediënten' zijn voor deze functionaliteit. begrijp dat javascript vereist is en daar weet ik vrijwel niks van af dus ik zocht een duwtje in de goede richting. Vraag is eigenlijk hoe ik dat doe of waar ik naar moet zoeken om er achter te komen maar wellicht kom ik hier ergens mee, tnxquote:Op donderdag 24 januari 2013 01:19 schreef Tijn het volgende:
[..]
Hoe bedoel je waar je op moet zoeken?
Kun je niet gewoon luisteren naar een keydown event op je input-element en vervolgens de value van het veld in de link plakken?
edit: hoop er vanaf hier uit te komen http://www.java2s.com/Tut(...)ueinformcontrols.htm
edit 2: gevonden! http://stackoverflow.com/(...)-value-creates-a-url
[ Bericht 8% gewijzigd door n8n op 24-01-2013 01:59:58 ]
“Specialization is for insects”.—Robert Heinlein
Eh, zoeken naar een standaard GET form?
<form method="get">
<input type="text" name="page">
<input type="submit">
</form>
Geen dank.
<form method="get">
<input type="text" name="page">
<input type="submit">
</form>
Geen dank.
Ik snap het nog steeds niet. n8n, staat er een link op de pagina die je wil aanpassen? Of wil je de URL in de adresbalk aanpassen bij invoeren van het formulier (waardoor je naar die pagina gaat)?
Is wat er ingevoerd moet worden 1 op 1 door te zetten naar de url? (Voer je 'henk' in dan ga je naar henk.html) of moeten de invoerwaardes eerst vertaald worden naar urls die mogelijk/beschikbaar zijn?
-edit- in de war met een ander topic.
Is wat er ingevoerd moet worden 1 op 1 door te zetten naar de url? (Voer je 'henk' in dan ga je naar henk.html) of moeten de invoerwaardes eerst vertaald worden naar urls die mogelijk/beschikbaar zijn?
-edit- in de war met een ander topic.
Misschien moet je eens kijken naar een cursusje jQuery ofzo. Daarmee is het best simpel, hoorquote:
[..]
wat de 'ingrediënten' zijn voor deze functionaliteit. begrijp dat javascript vereist is en daar weet ik vrijwel niks van af dus ik zocht een duwtje in de goede richting. Vraag is eigenlijk hoe ik dat doe of waar ik naar moet zoeken om er achter te komen maar wellicht kom ik hier ergens mee, tnx
edit: hoop er vanaf hier uit te komen http://www.java2s.com/Tut(...)ueinformcontrols.htm
edit 2: gevonden! http://stackoverflow.com/(...)-value-creates-a-url
Als je dit hebt:
| 1 | <input type="text" id="url_input" /> <a href="http://website.nl/" id="url">link</a> |
Dan heb je niet meer nodig dan zoiets:
| 1 2 3 4 5 6 7 8 9 10 | $(document).ready(function() { // bewaar de aanvankelijke waarde van de link var url = $('#url').attr('href'); // kijk naar wanneer er in het invoerveld wordt getypt $('#url_input').on('keyup', function() { // wijzig de href van de url door de invoer eraan vast te plakken $('#url').attr('href', url + $('#url_input').val()); }); }); |
[ Bericht 4% gewijzigd door Tijn op 24-01-2013 10:18:15 ]
pagina's staan weergegeven als 1 / 1000 (voorbeeld), ik heb nu van het eerste getal een form gemaakt waar je in een text input een ander paginanummer kan ingeven om zo snel pagina's te skippen zonder de navigatie enorm te laten zijn.quote:Op donderdag 24 januari 2013 09:24 schreef picodealion het volgende:
Ik snap het nog steeds niet. n8n, staat er een link op de pagina die je wil aanpassen? Of wil je de URL in de adresbalk aanpassen bij invoeren van het formulier (waardoor je naar die pagina gaat)?
Is wat er ingevoerd moet worden 1 op 1 door te zetten naar de url? (Voer je 'henk' in dan ga je naar henk.html) of moeten de invoerwaardes eerst vertaald worden naar urls die mogelijk/beschikbaar zijn?
-edit- in de war met een ander topic.
daar heb je helemaal gelijk in maar tot ik klaar ben met m'n studie of een minor doe over het onderwerp is het even behelpen. Moet nu ook nog zorgen dat de input geen andere characters dan getallen accepteert en op dezelfde pagina blijft als je niks invoert etc. maar dat heeft voor mij nu geen prioriteit.quote:Op donderdag 24 januari 2013 09:42 schreef Tijn het volgende:
[..]
Misschien moet je eens kijken naar een cursusje jQuery ofzo. Daarmee is het best simpel, hoor
Als je dit hebt:
[ code verwijderd ]
Dan heb je niet meer nodig dan zoiets:
[ code verwijderd ]
“Specialization is for insects”.—Robert Heinlein
waar komt dan het gedeelte dat bepaald dat je van pagina wisselt?quote:
Eh, zoeken naar een standaard GET form?
<form method="get">
<input type="text" name="page">
<input type="submit">
</form>
Geen dank.
“Specialization is for insects”.—Robert Heinlein
zodra je een formulier verzend wissel je vanzelf van pagina.quote:
[..]
waar komt dan het gedeelte dat bepaald dat je van pagina wisselt?
Als je get gebruikt komt de invoer van je formulier in de url terecht. Probeer maar eens.
maar dat wordt er bij de huidige url achter geplakt toch? want nu is de basis "www.url.com/page/" en alles daar achter mag alleen het getal zijn, als er al een getal staat moet het vervangen en niet aangevuld worden. Of moet ik dan een base url gebruiken oid?quote:
[..]
zodra je een formulier verzend wissel je vanzelf van pagina.
Als je get gebruikt komt de invoer van je formulier in de url terecht. Probeer maar eens.
“Specialization is for insects”.—Robert Heinlein
Je zou zoiets kunnen zetten op regel 7 van m'n vorige voorbeeld:quote:
[..]
Moet nu ook nog zorgen dat de input geen andere characters dan getallen accepteert en op dezelfde pagina blijft als je niks invoert etc. maar dat heeft voor mij nu geen prioriteit.
| 1 2 3 4 5 | // sta alleen getallen toe var digitsOnly = $('#url_input').val().replace(/\D/g, ''); if($('#url_input').val() !== digitsOnly) { $('#url_input').val(digitsOnly); } |
Het kan korter, maar je wil niet dat de waarde van het veld bij elke keyup wordt gewijzigd, omdat je cursor dan ook steeds weer naar het einde springt.
Maar ik begrijp nog steeds niet wat je nou probeert te maken. Wil je dat de href van een link wijzigt na invoer in het veld of wil je dat je naar een andere pagina springt?
quote:
[..]
Je zou zoiets kunnen zetten op regel 7 van m'n vorige voorbeeld:
[ code verwijderd ]
Het kan korter, maar je wil niet dat de waarde van het veld bij elke keyup wordt gewijzigd, omdat je cursor dan ook steeds weer naar het einde springt.
Maar ik begrijp nog steeds niet wat je nou probeert te maken. Wil je dat de href van een link wijzigt na invoer in het veld of wil je dat je naar een andere pagina springt?
dit bedoel ik, gebruikt op http://www.onemorething.nl/community/topic/omt-21/
ga nog een keer naar die getallen kijken, alvast bedankt moet nu naar mn academie
“Specialization is for insects”.—Robert Heinlein
ow hihiquote:Op donderdag 24 januari 2013 11:00 schreef Tijn het volgende:
Het heeft dus niks met een link te maken
het werkt nu iig heb het ook zo gemaakt dat het niet te zien is dat er een input zit dus wss gebruikt echt niemand het 
“Specialization is for insects”.—Robert Heinlein
Heb een probleempje, ben nog niet zo goed met positioneren... Ik wil de navigatie naar de rechterkant van de website zonder float: right.
Thanks
screen; http://i.imgur.com/SAD98wa.png
CSS ;http://pastebin.com/j0seKf4X
Thanks
screen; http://i.imgur.com/SAD98wa.png
CSS ;http://pastebin.com/j0seKf4X
