deux class dans la même balise en html

lagrenouille · 13-09-2023 20:09:33

salut

j'ai mis un texte encadré avec une police cursive
je ne peux pas mettre deux class css l'une aprés l'autre

<table width="55%" border ="6" cellspacing="3" cellpadding="3" align="center"style="parajustify"><tr><td>
<p class="c">blablabla.......
on ferme les balises
ça c'est bon

mais je voudrai mettre deux class, en plus de la police cursive, je voudrai justifier le texte

<p class="c" class="parajustif">blablabla.....

la class "parajustif" ne fonctionne pas, j'ai essayé plusieurs façons ?

ces deux class de mes css fonctionnent, mais seul

vv222 · 13-09-2023 21:42:21

Ça ce n’est pas correct (on ne peut pas déclarer plusieurs fois la même propriété) :

<p class="c" class="parajustif">(…)</p>

Ça par contre ça l’est (on peut lister plusieurs classes en les séparant par des espaces) :

<p class="c parajustif">(…)</p>

lagrenouille · 13-09-2023 22:41:06

effectivement, j'avais essayé ça , mais ça ne fonctionnait pas, je suis revenu dans le menu avant, recalculé la page, et là c'est bon..
ça me fout une autre cagade, mais je vais voir à corriger

ayez! c'est tout bon, c'est un peu la zone de faire cadrer la largeur du cadre, la largeur du texte et la justif, mais c'est passé
merci

Dernière modification par lagrenouille (13-09-2023 22:44:40)

lagrenouille · 15-09-2023 09:22:10

sacré html

pas simple de trouver la correspondance entre le % du cadre et du texte justifié.
l'affichage sur les petits écrans fout bien le kk.
quand je justifie le texte, il laisse une marge à droite du cadre, je peux changer le % du cadre, mais y'a toujours un truc qui gonfle.
je vais quand même re essayer .

lagrenouille · 17-09-2023 09:12:33

rere

toujours du html
cliquer sur une image pour l'agrandir
je fais ça:

<p style="float:center"><a href="imagerie/presentation-grand.jpg"><img src="imagerie/présentation.jpg" class="center"></a>

je voudrai revenir à l'image petite en re-cliquant dessus.

une idée, de comment procéder ?

captnfab · 17-09-2023 10:41:25

Pas comme ça.
Là, avec un <a> tu fais un lien vers l'image. Une fois que tu es sur l'image, tu n'es plus sur une page web, donc tu ne peux plus faire de lien.

Je te conseille de virer le <a> et de remplacer tout ça par du CSS.

captnfab · 17-09-2023 11:00:44

Une petite astuce de CSS:

<!doctype html>

<html>

  <head>

<style>

img.gallerie.miniature {

  max-width: 200px;

  max-height: 200px;

  width: 100%;

}

img.gallerie.grande {

  display: none;

}

img.gallerie.grande:target {

  position: fixed;

  left: 50vw;

  top: 50vh;

  transform: translate(-50%, -50%);

  display: block;

  max-width: 95vw;

  max-height: 95vh;

  width: 100%;

  border: 1px black solid;

}

</style>

  </head>

  <body>

    <a href="#image1"><img id="#miniature1" src="image1_miniature.png" class="gallerie miniature" /></a>

    <a href="#miniature1"><img id="image1" src="image1_grande.png" class="gallerie grande" /></a>

    <a href="#image2"><img id="#miniature2" src="image2_miniature.png" class="gallerie miniature" /></a>

    <a href="#miniature2"><img id="image2" src="image2_grande.png" class="gallerie grande" /></a>

…

  </body>

</html>

lagrenouille · 17-09-2023 14:39:06

merci à toi

je vais mettre ça dans mon fichier.css, et essayer.

ben non, j'y arrive pas, curieux , je fais un autre truc et j'y reviens, j'ai du louper une étape

Dernière modification par lagrenouille (17-09-2023 16:35:13)

lagrenouille · 18-09-2023 09:21:26

impossible à configurer correctement
ça me fout la zone pour revenir en arrière dans le menu, ça affiche plusieurs fois l'image au lieu d'aller au menu ???

j'ai donc mis class="center img"
img dans les css, j'ai mis:

/*images responsives*/

.img {

        width: 100%;

        height: auto;

       max-width: 800px;        

}

je ferai des essais en local pour voir ce qui merde plus tard

Dernière modification par lagrenouille (18-09-2023 09:31:23)

Debian-facile

#1 13-09-2023 20:09:33

deux class dans la même balise en html

#2 13-09-2023 21:42:21

Re : deux class dans la même balise en html

#3 13-09-2023 22:41:06

Re : deux class dans la même balise en html

#4 15-09-2023 09:22:10

Re : deux class dans la même balise en html

#5 17-09-2023 09:12:33

Re : deux class dans la même balise en html

#6 17-09-2023 10:41:25

Re : deux class dans la même balise en html

#7 17-09-2023 11:00:44

Re : deux class dans la même balise en html

#8 17-09-2023 14:39:06

Re : deux class dans la même balise en html

#9 18-09-2023 09:21:26

Re : deux class dans la même balise en html

Pied de page des forums