[RÉGLÉ] Largeur dynamique des articles

[amarchand83]

Bonjour,

je voudrai que la largeur de la fenêtre de mes articles soit différente suivant les articles (ou groupe d'articles)

J'ai envisagé d'affecter une largeur 100% et de faire la mise en page moi même au coup par coup par des DIV en % sur la même ligne mais il y a surement une solution plus propre

je pense que cela tourne autour de #maincontent avec un attribut "width" adapté et une classe dans la "DIV" de l'article ?

si vous pouviez me guider un peu plus...

[lomart]

Re : Largeur dynamique des articles

Bonjour,

si vous pouviez me guider un peu plus...

Puisque tu crées une nouvelle discussion, redonner l'url facilite les choses

Pour modifier la largeur de l'article, car je pense que c'est cela que tu entends par "largeur de la fenêtre de mes articles"
il faut jouer sur #article, mais pas que
regarde ta page actuelle sur un mobile ou en redimensionnant ton navigateur, tu vas avoir un choc
Il faut gérer les largeurs dans les mediaqueries

[amarchand83]

Re : Largeur dynamique des articles

Oui c'est cela, la largeur de l'article

J'ai fait un test avec les medias queries et j'ai compris le principe, j'en suis encore à voir comment marche tout ça avant de faire vraiment le site. J'ai le temps.

J'ai aussi positionné mes blocs en px, j'envisage de mettre en %

par contre j'ai vu qu'avec template creator CK l'adaptation pour tablette et mobile est largement facilité avec la partie "responsive" mais je n'ai pas encore regardé de près.

Merci pour #article je vais creuser

une page :

http://www.s676245095.onlinehome.fr/maisons-d-exception

[lomart]

Re : Largeur dynamique des articles

par contre j'ai vu qu'avec template creator CK l'adaptation pour tablette et mobile est largement facilité avec la partie "responsive" mais je n'ai pas encore regardé de près.

Sauf si on bricole dedans. Dans ce cas, il faut tout gérer ou au minimum vérifer

[amarchand83]

Re : Largeur dynamique des articles

Je ne bricole pas dans le template, tout passe par la custom.css

j'ai essayé :

#article.maincontent {
width: 750px;
}

mais bien sur ce n'est pas ça, connais tu une doc qui puisse m'instruire sur ce sujet, en cherchant longuement je trouve de tout mais c'est assez "pagaille"

Comme tu réponds avec précision à mes questions, je t'explique en 2 mots pourquoi je me pose toutes ces questions.
En fait ma fille lance son affaire et un ami à elle graphiste est en train de lui faire le design et le site avec Adobe MUSE (que bien sur je ne connais pas)
Mais il manque manifestement des fonctions qu'elle a besoin (entre autre pas de bases de données si j'ai bien compris)
Aussi une fois la version "Muse" en réel je reprendrai le design qui sera "imposé" comme modèle et les graphistes ont des idées... d'où mes recherches...

[lomart]

Re : Largeur dynamique des articles

Je ne bricole pas dans le template, tout passe par la custom.css

c'est ce que j'appelle bricoler. L'extension de Cédric ne contrôle plus rien quand tu saisis du code custom

Pour la page citée plus haut, il mettre

.itemid-200 #article {width:750px}

Attention aux graphistes, surtout s'ils viennent du monde de l'imprimé. Ils font souvent un truc joli, mais figé (pas responsive)

Demande-lui de te fournir le rendu dans plusieurs largeurs d'écran : 525, 760, 950 et 1024px qui sont les breakpoints de templatecreator. Soit les largeurs d'écran pour lesquelles tu devras créer une règle CSS

Pour les docs, je n'ai pas de conseils, car mes références seraient trop anciennes. Mais les valeurs sûres sont alsacreations et openclassrooms. Un bouquin : HTML5 et CSS3 de Mathieu Nebra vient de sortir

[amarchand83]

Re : Largeur dynamique des articles

Merci pour ces précieux conseils, j'ai réponse à toutes mes questions maintenant, enfin celles que j'avais en tête...
Je vais maintenant regarder de près le côté responsive.
Je ferme la question,