page album qui rapetisse

[SoniaEstelle]

Voici mon souci:

Sur mon site
http://www.vincentbeaurin.com/Vincent_Beaurin/VINCENT_BEAURIN.html
iweg /inspecteur/ page / largeur 1024 hauteur 2000 px

Dès que je clique sur une image, la présentation change et
le reste de page est tronqué!!! (http://www.vincentbeaurin.com/Vincent_Beaurin/VINCENT_BEAURIN.html#0)

alors que je la voudrais toujours de 2000 px pour multiples raisons

Comment remédier à ce souci qui s'applique aussi
sur d'autres pages? J'ai bien eu quelques réponses il a longtemps mais sans solution.

merci de votre aide

Sonia

[koeklin]

Dans le genre "hypothétique solution" à la noix que j'ai pas essayé
Là ou t'a mis creuset et basilic tu met une zone de texte vide de 2000 px de hauteur derrière
Peut être la tu déjà fait d'ailleurs... pas sûr que ça marche

[SoniaEstelle]

Merci mais non malheureusement cela ne fonctionne pas!
Il m'est arrivé exactement la même chose sur des pages où le texte n'est pas en transparence. J'ai dû bidouiller pour mettre en page le texte de manière à ce qu'il ne soit pas tronqué au passage de l'album en nouvelle présentation.
Il semble que iweb ignore tout ce que je peux mettre en dessous d'une certaine zone et re-dimensionne automatiquement. C'EST NUL!!
HELP!

[koeklin]

Aïe!
il doit y avoir une fonction overflow: ce qui dépasse ,trépasse!
En gros on affiche une certaine hauteur et ce qui est en dessous n'apparaît pas
si cette fonction est dans une feuille de style ça devrait aller
si c'est dans un javascript (ce que je soupçonne) ça être plus dur

[SoniaEstelle]

Koeklin hello!

Quelle feuille de style?

[koeklin]

bon j'ai réussi à avoir une page de 2000px et en bas il y avait le logo crée sur un mac et une image personnelle

j'ai publié une page Photos.html (fait avec le modèle blanc)
j'ai fouillé le dossier "site"
j'ai ouvert le dossier homonyme de la pages cad Photos_files
et j'ai trouvé 3 feuilles de CSS Photos.css, PhotosIE.css, PhotosMoz.css
j'ouvert le fichiers Photos.css avec un éditeur de texte Smultron gratuit
j'ai trouvé le code suivant ce sont les premières lignes de code, consacré à la balise Body

.Body {
color: rgb(88, 77, 77);
font-family: 'ArialMT', 'Arial', sans-serif;
font-size: 15px;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1.00;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
text-decoration: none;
text-indent: 0px;
text-transform: none;
}

j'ai donc ajouté une derniere ligne height: 2000px; à ce style consacré à la balise Body

.Body {
color: rgb(88, 77, 77);
font-family: 'ArialMT', 'Arial', sans-serif;
font-size: 15px;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1.00;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
text-decoration: none;
text-indent: 0px;
text-transform: none;
height: 2000px;
}

j'ai sauvegardé
et désormais la page apparaît avec une hauteur de 2000px

ça ne change pas la hauteur du diaporama sur fond noir , ça change uniquement celle qu'on obtient en cliquant sur une photo sur la page principale
la hauteur de ta page est à adapter (pour moi 2000px, il s'agit de la hauteur de toute la page, pas seulement de la partie contenu)
les noms des dossiers et de tes fichiers devraient aussi différents et leur nom est fonction du nom de pages que tu as donné à ta page de photos.

Ps : ne pas utiliser Texte edit pour ça , utiliser des logiciels comme Smultron, TextWrangler ou Textmate.

[SoniaEstelle]

Right!

Je suis espantée! (étonnée et admirative)
J'essaierais cela demain... (je ne suis pas habituée à rentrer dans le dossier site, je n'ai jamais bidouiller comme cela...
J'espère y arriver.
Je donnerais des nouvelles...

[koeklin]

ça reste de la bidouille
il faudra sauvegarder cette page de CSS (feuille de style) sur ton DD pour la rajouter manuellement au site si elle devait être écrasée par une autre générée par iWeb .
il te reste aussi à trouver la bonne hauteur de pixels,
et à tester l'affichage de ta page sous différents navigateurs (il peut y a avoir des surprises)

Après réflexion, je te propose de ne pas utiliser height: 2000px; (=je veux que la hauteur de ma balise Body soit de 2000 px) mais d'uliser plutôt min-height: 2000px; (je veux que ma balise Body fasse au minimum 2000px).

[SoniaEstelle]

Hello!
Question!
Houps!
Comment rajouter manuellement dans mon idisk dans le dossier site ma nouvelle page css?

On va voir ce que cela donne et si une fois la nouvelle page intégrée iweb ne va pas l'écraser ...

[koeklin]

Hou! Attention
je ne t'ai pas mis le code complet de la page juste le début pour t'y retrouver dans les codes

Tu dois avoir l'icône de ton idisk dans la barre latéral de tes fenêtre du Finder tu cliques dessus
Web > sites > Vincent_Beaurin > VINCENT_BEAURIN_files > VINCENT_BEAURIN.css
Voici d'ailleurs la page en ligne cette page
http://www.vincentbeaurin.com/Vincent_Beaurin/VINCENT_BEAURIN_files/VINCENT_BEAURIN.css

il faut copier la feuille de CSS sur ton bureau par glisser-déposer (il est prudent aussi une copie de l'original qui ne sera pas modifier en cas de problème , c'est plus prudent
l'ouvrir avec smultron sur ton DD
rajouter la petite ligne qui manque sous la vingtieme ligne
sauvegarder
et la remettre à la place de l'original sur l'idisk par simple glisser-déposer du finder vers l'idisk

[SoniaEstelle]

Oui j'ai bienv u que ce n'était qu'une partie de la page , j'ai juste rajouté min-height: 2000px à la fin de la "section" body seulement.
Est-ce correct ou dois-je rajouter une ligne ailleurs?
Merci.

[koeklin]

Est-ce correct

oui

[SoniaEstelle]

Koeklin je me lance,

non, il y a tjs le même problème.
J'ai bien synchronisé idisk, c'est ce qu'il fallait faire??)

[koeklin]

oui c'est normal : vous avez oublié le point virgule à la fin de la ligne
tout a son importance
min-height: 2000px;

comme quoi je n'ai pas fait attention au code en disant tout à l'heure "c'est correct", désolé.

[SoniaEstelle]

Cela ne fonctionne toujours pas, voilà ce que j'ai écrit:

.Body {
color: #ffffff;
font-family: 'ArialMT', 'Arial', sans-serif;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1.00;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
text-decoration: none;
text-indent: 0px;
text-transform: none;
min-height: 2000px;
}
.Title {

[koeklin]

je serais embetté de vous avoir fait tout ça pour rien. c'est vrai que je n'ai pas essayé avec min-height: 2000px; mais avec height: 2000px; seulement, mais ça devrait déjà marcher.
Je vous dirais bien d'essayer avec avec height: 2000px; seulement, mais j'ai doutes maintenant.

regardez la barre de scrollling bleue à droite sur mon image elle est tres réduite parce que la page est beaucoup plus longue (j'ai partiellement caché l'image en premier plan)

[SoniaEstelle]

Hello Hello,
merci encore de m'avoir répondu, Je vois bien que vous avez réussi, alors il n'y a pas de raison que je ne puisse pas faire la même chose!
Malheureusement je ne peux pas en ce moment travailler sur le site autant de temps que je le voudrai, en plus de cela l'hébergeur oxito chez qui j'ai mon nom de domaine, mes mails vient de me changer mes enregistrements DNS et mon site grace à eux n'est plus en ligne! NUL OXITO TEAM qui pour résoudre un problème en cree un plus énorme!
Le hic c'est que je ne sais pas faire les changements de CNAME pour web.me.com, cela parait simple mais la configuration de la page oxito + ma méconnaissance m'empçeche d'avancer: je suis donc à leur merci. Je vais bien tenter de rechercher de l'aide sur ce forum...Il me faudra certainement faire une capture d'écran.
J'attends d'installer la dernière version d'ilife pour me remettre sur ce problème d'image qui rapetisse.
AFFAIRE A SUIVRE !

[SoniaEstelle]

Koeklin re-bonjour,

et hip hip hip hourra, j'ai rajouté min-height: 1300px;
avec toutes les manip.
et oui le tour est joué! Merci beaucoup!
Je vais essayer d'avoir quelque chose sous l'album de manière à ne pas avoir tant d'espace vide mais cela ne me gène pas pour le moment.

Encore UN GRAND MERCI!
Sonia.

[koeklin]

de rien

[SoniaEstelle]

PROBLèME:

Cela a marché une fois et depuis rien... J'ai refait la même manip. en changeant 2000px contre 1300 px; mon site n'a pas été republié sur iweb depuis, j'ai fait cela hier soir, et toujours aucun effet, j'avais fait
height: 1300px; pour ma page home
et pour voir, min-height: 1300px sur ma page version anglaise
Depuis aucun changement, la synchro du idisk s'est faite au moins 10 fois.
Que faire?

[koeklin]

décidément... iweb ne se laisse pas faire, il a de la ressource pour nous emm...

[SoniaEstelle]

Qu'est ce que je peux faire?
Je vais appeler apple, la dernière fois il m'ont dit qu'ils pouvaient me renseigner sur les applications, j'ai été étonné, j'essaierais...mais pas avant la semaine prochaine. Si vous pouvez encore m'aider d'ici là, cela serait super

Koeklin: est-ce que, si tu fais un nouvel essai tu as un délai d'application?

Sous explorer, sous safari, cet après-midi je suis toujours avec une page tronquée...
C'est quand même complètement débile comme effet! Même sur un autre nombre de photo dans la page album, même avec du texte dessous, clac ça coupe.
Mystère .

[koeklin]

Sauf que pour Apple c'est pas un bug c'est le fonctionnement normal de leur application et qu'on essaie de le contourner.

[SoniaEstelle]

Je ne suis pas tout à fait d'accord:
pourquoi à la fois avoir le choix de la taille de la page et donner la possibilité d'ajouter quoique soit d'autre sous la partie album de cette même page.
Ce n'est certainement pas un bug mais cela vaut une amélioration.

[koeklin]

bon j'ai peut être une autre méthode à te proposer
l'iframe
tu fais une page vide de la longueur voulue
tu mets un widgeHTML dedans et tu mets de le code HTML d'une iframe
affichant la page du diaporama

Une des nombreuses pages du forum parlant de l'iframe
https://iweb-forum.forumpro.fr/widgets-f19/sujet-unique-iframe-integrer-un-site-dans-votre-page-t257.htm?highlight=iframe

[Contenu sponsorisé]