Verspringen van verticaal aangepaste pagina's op het scherm

fdenboer schreef op 03.03.2018 om 13:38 uur


Ik gebruik MAGIX Web Designer Premium 15.0.0.52929 voor het maken van een website voor een wandelgroep http://wandelgroep-k3.xs4all.nl/#xl_xr_page_index
Ben nog aan het uitproberen wat de uiteindelijke presentatievorm zal worden
De website is opgebouwd uit een aantal pagina's. De basis afmetingen van de start pagina zijn 820 px. horizontaal bij  971 px. verticaal. Afhankelijk van de inhoud van de pagina heb ik de verticale afmeting vergroot d.m.v. in het programma de pagina grootte aan te passen.
Echter nu verspringen de verticaal aangepaste pagina's op het scherm als deze gepresenteerd worden. De pagina's verspringen naar links. Een behoorlijk onplezierig gedrag. En het geeft een knullige uitstraling van de website.
Mijn vragen zijn: wat heb ik niet juist gedaan en hoe los ik dit probleem op.
Op voorhand dank, Frans dB

Reacties

mi-bo schreef op 03.03.2018 om 14:16 uur

fdenboer,

Na Uw website in opbouw gekeken, de pagina's blijven gewoon staan bij openen.

Het weer pagina is een verwijzing naar KNMI dit is hun eigen pagina.

De foto album is nog in op bouw niet alle pagina's zijn gekoppeld.

Ik kan U niet vertellen wat er verkeerd is, misschien komt dit niet goed over op Uw eigen Pc.

Persoonlijk zou ik zeggen op deze manier gewoon verder gaan.

Eerste indruk ziet er goed uit lekker strak.

Groeten

Michael

fdenboer schreef op 03.03.2018 om 15:04 uur

Dank voor je reactie.
Als men vanuit de startpagina gaat naar "Wandelinfo" of "K3 info" of Foto "Februari" dan verspringen deze pagina's t.o.v. de startpagina. Dit kan ik waarnemen ook vanaf ander locaties. Dit zijn de pagina's die verlengt zijn.
Gr., Frans dB

mi-bo schreef op 03.03.2018 om 16:28 uur

Frans,

Ik heb zelf 28 Inch's schermen, en verspringt de pagina niet.

U heeft zelf de kader aangemaakt en zijn van alle pagina's het zelfde.

voorbeeld, dan kan het toch niet verschillend zijn

Groeten

Michael

mi-bo schreef op 05.03.2018 om 09:55 uur

Frans,

even een aanvulling, in het "Webdesigner Het officiële Cursusboek 2 de Oplage".

wordt omschreven de beste optie om Webpagina te maken is met 960 Pixel Website ( XGA )

dan is het voor alle type beeldschermen goed weer te geven.

Groeten

Michael

fdenboer schreef op 08.03.2018 om 13:57 uur

Dag mi-bo,

Dank voor je reacties.

Vraag: is het officiële cursusboek 2de oplage een recente uitgave of komt de 3de oplage in beeld?

Test web-site:

  • Om mijn probleem te testen heb ik een eenvoudige test web-pagina aangemaakt bestaande uit 4 pagina's. Het gebruikte sjabloon is XGA 960. Deze pagina is 3 maal gekopieerd
  • Iedere pagina is een ander achtergrondkleur gegeven
  • De 4 pagina's zijn gelinkt aan een navigatie bar

Via de navigatie bar van pagina naar pagina gegaan. Er was geen horizontale verschuiving waar te nemen.

  • Van pagina "index-a" en "Index-c" de hoogte vergroot van 1000 px. naar 2000 px.
  • Dit door middel van "Paginaopties" => "paginagrootte" en dan de toepassing van "aangepast"
  • De blauwe stippellijn verschoven naar de onderkant van de pagina. Dit omdat anders niet naar de bodem van de pagina gescrolled kan worden.

Via de navigatie bar van pagina naar pagina gegaan. Er was nu wel een horizontale verschuiving waar te nemen voor de pagina's "index-a" en "Index-c"

Gr., Frans dB.

mi-bo schreef op 08.03.2018 om 15:04 uur

Frans dB,

Klik eens op pagina 1 met rechter muis, dan pagina optie dan alle pagina's in het document de gelijke grootte, dan zijn ze allemaal net zo breed als lang, daarna kan via stippellijn aan de onderzijde de pagina langer gemaakt worden.

Dan zijn er geen horizontale verschuivingen

Groeten

Michael

mi-bo schreef op 08.03.2018 om 16:00 uur

Frans dB,

Van MAGIX nog geen bericht ontvangen dat er een 3de oplage komt. momenteel is het boek alleen via MAGIX online te bestellen.

Groeten

Michael

fdenboer schreef op 09.03.2018 om 01:13 uur

Dag mi-bo,

Dank voor je advies.

  • Alle pagina's op de oude lengte terug gebracht
  • Jou advies opgevolgd
  • Alleen nu kan ik niet meer verschillende lengten van pagina's gebruiken alles wordt even lang als kort. En daar heb ik in mijn voorgenomen website niet veel aan.
  • Daarnaast is er een andere bijeenkomst, namelijk: de achtergrondkleuren zijn nu ook uniform. Ook hier kan ik nu geen verschillen in aanbrengen. Alles neem nu de zelfde kleur aan.

Dit is voor mij niet de oplossing.

Gr., Frans dB.

fdenboer schreef op 09.03.2018 om 09:41 uur

Dag mi-bo,

Ik zit nog steeds met het zelfde probleem. Dat ik niet een website kan aanmaken met pagina's van verschillende lengten. Zonder dat er horizontale verspringen plaats vinden. Het probleem komt mij vrij structureel over.
Is dit probleem wellicht een software bug in MAGIX ?

Is er binnen MAGIX een methode waarop je op een eenvoudige wijze een Scrolling pagina met behoud van opmaakfaciliteiten kunt maken ?

M. vr. gr.,
Frans
 

mi-bo schreef op 09.03.2018 om 12:46 uur

Frans dB,

wat betreft lengte aanmaken, scrol naar onder kant van de pagina, daar wordt een stippellijn zichtbaar als de muis hier langs gaat, door muis in te drukken kunt U de pagina net zolang maken als u zelf wilt.

kijk op http://www.xara365.nl optie nieuws hier staat het antwoord.

Wat betreft achtergrond kleur veranderen.

hoe heb ik dit gedaan

Groeten

Michael

fdenboer schreef op 09.03.2018 om 14:08 uur

Michael,

Ik kan de "achtergrond van de pagina" niet vinden zie de foto.

Gr.,

Frans

 

 

 

 

 

mi-bo schreef op 09.03.2018 om 14:50 uur

Frans,

U moet het niet zoeken in de Background,de pagina zelf aan klikken en rechter muis,

dan gaat dit scherm open dus vanuit de web pagina werken

groeten

Michael

BeRo schreef op 09.03.2018 om 16:21 uur

[...] Ik zit nog steeds met het zelfde probleem. Dat ik niet een website kan aanmaken met pagina's van verschillende lengten. Zonder dat er horizontale verspringen plaats vinden [...]

De probleemoplossing is eenvoudig.
Je probleem is bekend in de scène. Het is vaak besproken in het (Duitse) forum.
De oorzaak is de verticale schuifbalk. Dit wordt weergegeven voor lange pagina's en weggelaten voor korte pagina' s. Het verschil in paginabreedte is ongeveer 15 pixels.
Als een pagina met verticale schuifbalk wordt weergegeven, springt deze naar links om plaats te maken voor de schuifbalk.
Je kunt dit probleem oplossen door een verticale schuifbalk aan alle pagina's toe te voegen. Vervolgens hebben zelfs korte pagina's een schuifbalk, zodat geen pagina naar links hoeft te springen....

Hiervoor maakt je een korte CSS sequentie, die je plaatst in het HTML-hoofd van de website.
Hier is de code:

<style type="text/css">
html {overflow-y:scroll}
</style>

En zo wordt de code ingevoegd:

Geen van de weergegeven pagina's springt nu naar links.

Veel succes

P.S.
Sorry voor mijn hobbelige nederlands. Mijn moedertaal is Duits. De tekst is vertaald vanuit een PC.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

fdenboer schreef op 09.03.2018 om 18:47 uur


Dag Re-Bo,

Dank voor jou uitleg.
Wel of geen hobbelig Nederlands ik begrijp wat jij bedoeld.

Jou uitleg komt logisch over en ga de door jou voorgestelde oplossing in het komende weekeinde implementeren.
Over het resultaat zal ik jou informeren.

M. vr. gr.,
Frans.

fdenboer schreef op 10.03.2018 om 08:59 uur

Dag Re-Bo,

Het is gelukt en de website verschuift niet meer. 😌

Vraag: op welke wijze kan ik een schuifbalk in een pagina aanbrengen opdat de tekst in de pagina gescrold kan worden ? Heb al wat geprobeert maar het lukt niet echt.

Bij voorbaat dank

M. vr. gr.,
Frans.

mi-bo schreef op 10.03.2018 om 09:18 uur

Frans,

Fijn te lezen dat Re-Bo ( Duitse Web specialist ) U goed heeft geholpen

Wat U bedoelt is een Parallax pagina

Hoe maak ik een parallax pagina.Dit moet een pagina worden met veel info, is de totale pagina klaar , activeer wat in parallax moet worden weer gegeven. klik op de rechter muis. dan internet animatie,Weergeven/Scrollen, scrol-animatie animatie hier staat nu geen, openen, en dan parallax. ok en het werkt.Scrol naar beneden dan ziet U de linkerzijde dat de pagina mee gaat en de tekst hierboven blijft staan.

Groeten

Michael

BeRo schreef op 10.03.2018 om 12:58 uur

@mibo
Ik begreep de vraag van Frans anders. 😍
Ik denk dat hij gewoon een tekst wil scrollen met een schuifbalk.

Als dat waar is, kun je het zo doen:

Maak een nieuwe, volledig lege pagina. De pagina moet ongeveer zo groot zijn als de tekst die u later wilt invoegen. Voor het voorbeeld heb ik de pagina 610 x 2317 px groot gemaakt.
Vul nu de pagina met de gewenste tekst.

Om de pagina later te kunnen bekijken, moet je een plaatshouder op de hoofdpagina plaatsen.
Voor het voorbeeld, heb ik de plaatshouder gemaakt als een rechthoek, in de grootte van 629 x 689 px.
In de HTML-body van de plaatshouder maakt je nu een iframecode die verwijst naar de tekstpagina.
Dit is hoe de iframe code eruit ziet:

<iframe src="./text.htm" width="100%" height="100%"
frameborder="0" scrolling="auto" name="xara_iframe" >
<p>Your browser does not support iframes.</p></iframe>

In de WD-editor ziet het er zo uit:

Klaar. 😊

Hier volgt een screenshot van de voltooide pagina.

De tekst kan nu met de schuifbalk omhoog en omlaag gerold worden.

Veel succes 👍

Laatst gewijzigd door BeRo op 10.03.2018, 12:59, in totaal 1 keer gewijzigd.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

mi-bo schreef op 10.03.2018 om 13:20 uur

@BeRo,

Dank U wel voor de uitleg, we vernemen het wel van Frans.

Met deze mogelijkheden werk ik jammer genoeg niet, ik maak gebruik van al de opties die in MWD zitten.

Via Uw in breng ga ik het programma ook steeds meer onder de knie krijgen.

Bedankt Expert

Groeten

Michael

fdenboer schreef op 02.10.2018 om 12:45 uur

Aan BeRo,

Het heeft wel wat geduurd en heb wel wat geëxperimenteerd. Maar de lay-out beviel mij niet .

Heb daarom de tekst drastisch ingekort en over 3 pagina's verdeeld. Het verhaal is nu rustiger maar vooral duidelijker. Naar mijn mening. Des al niet te min dank voor de ondersteuning.

Website is verhuisd naar: http://fdenboer.home.xs4all.nl

Onder tussen het Magix boek gekocht en voor een groot deel gelezen.

Heb nog wel een vraag m.b.t. het importeren van andere websites. Graag zou ik die in een kader willen zien die je makkelijk dicht klikt en dan terugkeert in de webste bent waar je gebleven was. Het lukt mij niet omdat goed voor elkaar te krijgen.

Is er een oplossing vaar het probleem?

M. vr. gr.,

Frans dB.

//

BeRo schreef op 04.10.2018 om 20:43 uur

[...] importeren van andere websites. Graag zou ik die in een kader willen zien die je makkelijk dicht klikt en dan terugkeert in de webste bent waar je gebleven was [...]

Dat is gemakkelijk. Je hoeft alleen maar te verwijzen naar de externe pagina in een iframe.
Kopieer de iframe code in de HTML body van een plaatshouder en maak de plaatshouder breed genoeg om de externe pagina te tonen zonder horizontale scrollbars.
Zo kan het er in de WD-editor uitzien:

Open de Design Gallery-, zoek en selecteer de widget "Embed a website"en dubbelklik op de widget .

Voer vervolgens de gewenste URL in en klik op de knop "Invoegen"

Klaar! Dat was al het werk... 😋

Het kan zijn dat je de grootte van de plaatshouder moet aanpassen of dat je de grootte van je website moet aanpassen. Maar je zult het zelf zien. 😇

Veel succes.

Laatst gewijzigd door BeRo op 05.10.2018, 00:25, in totaal 1 keer gewijzigd.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

fdenboer schreef op 16.10.2018 om 15:42 uur

BeRo, dank voor jou informatie.

 

Ik heb jou advies opgevolg en het functioneerd.

In de tussen tijd heeft de website een vaste hostng gekregen en is vindbaaronder:

https://wandelgroep-k3.nl

 

Ik heb nog wel een andere vraag, namelijk: ik ben opzoek geweest naar de mogelijkheid om een voortgangsbalk in mijn website op te nemen. Dat is nog niet zo eenvoudig omdat ik opzoek ben naar een eenvoudige manier om een dergelijke voortgangsbalk te implementeren.

Heeft iemand daar ervaring mee? en op welke wijze is de implementatie uitgevoerd?

 

Alvast dank voor de door jullie te nemen moete.

M. vr. gr.,

Frans den Boer.

 

 

mi-bo schreef op 17.10.2018 om 10:40 uur

@fdenboer

Beste Frans,

Uw Probleem van 03-03-2018 is opgelost

Verspringen van verticaal aangepaste pagina's op het scherm.

 

U kunt beter voor een ander probleem een nieuwe Topic aanmaken, dan blijft het Forum overzichtelijker .

 

fdenboer schreef op 16.10.2018 om 15:42 uur

Ik heb nog wel een andere vraag, namelijk: ik ben opzoek geweest naar de mogelijkheid om een voortgangsbalk in mijn website op te nemen. Dat is nog niet zo eenvoudig omdat ik opzoek ben naar een eenvoudige manier om een dergelijke voortgangsbalk te implementeren.

Heeft iemand daar ervaring mee? en op welke wijze is de implementatie uitgevoerd?

Mvg

Michael ( mi-bo )( Moderator )