« 1 ... 3 4 5 (6) 7 8 9 »
Re : Présentations des images dans les news
Pascal C.
Pascal C.

Re : Présentations des images dans les news

Pascal C. 431
2021/11/23 14:19
#51
Pascal C. 431
2021/11/23 14:19
Quote:

Alain T a écrit :
Je pense que je t'avais déjà fait cette remarque ici !


Vrai, je me rends compte que je n'avais pas compris. Merci Alain.
Re : Présentations des images dans les news
Pascal C.
Pascal C.

Re : Présentations des images dans les news

Pascal C. 431
2021/11/30 11:25
#52
Pascal C. 431
2021/11/30 11:25
Bon, bien je suis toujours en galère pour virer les bordures des cards!
J'ai tenté plein de choses comme <div class="card border-0"> sans résultats. Je ne comprends pas comment retirer ou bien masquer ces bordures.

Même avec la source de base ci-dessous, lorsque j'utilise card border-0 ou bien que je force une couleur, les blocs passent l'un sous l'autre et ne restent plus côte à côte.

<div class="card-deck">
  <
div class="card">
    <
img src="..." class="card-img-top" alt="...">
    <
div class="card-body">
      <
h5 class="card-title">Card title</h5>
      <
class="card-text">This is a longer card with supporting text below as a natural lead-in to additional contentThis content is a little bit longer.</p>
      <
class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </
div>
  </
div>
  <
div class="card">
    <
img src="..." class="card-img-top" alt="...">
    <
div class="card-body">
      <
h5 class="card-title">Card title</h5>
      <
class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
      <
class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </
div>


Après, le card n'est peut être pas la solution. il doit être possible d'utiliser de simples div, mais dans ce cas je ne peux pas aligner 2 blocs cote à cote.

Je veux 2 blocs (sans cadre) qui soient l'un à coté de l'autre, puis qui passent l'un sous l'autre sur un écran plus petit. Bref, 2 blocs responsive. J'ai toujours fat cela avec des tables, mais bien entendu du coup ce n'est pas responsive.

Ca semble pourtant facile, mais je n'y arrive pas.
Re : Présentations des images dans les news
Alain T
Alain T

Re : Présentations des images dans les news

Alain T 608
2021/11/30 11:52
#53
Alain T 608
2021/11/30 11:52
Si si c'est facile,
mais il faut te pencher sur la bonne page de ta fameuse bible...
https://getbootstrap.com/docs/4.6/layout/grid/

et pour la peine, je t'écris le code :
<div class="row">
    <
div class="col-12 col-md-6 bg-secondary">colonne A</div>
    <
div class="col-12 col-md-6 bg-success">colonne B</div>
</
div>


je t'ai ajouté un fond pour mieux voir les 2 colonnes, mais c'est juste pour le test
Visible ici : https://codepen.io/alain01/pen/GRvEdgo
Re : Présentations des images dans les news
Pascal C.
Pascal C.

Re : Présentations des images dans les news

Pascal C. 431
2021/11/30 11:54
#54
Pascal C. 431
2021/11/30 11:54
Bon, en fait il fallait que j'utilise la classe "container" pour faire ce que je voulais.
https://getbootstrap.com/docs/4.1/layout/grid/

Punaise... des heure et des heures dans la mauvaise direction...
Re : Présentations des images dans les news
Alain T
Alain T

Re : Présentations des images dans les news

Alain T 608
2021/11/30 11:56
#55
Alain T 608
2021/11/30 11:56
Je suis quasi sur que tu vas me demander ensuite comment ajouter un espace entre les deux blocs, quand ils sont l'un en dessous de l'autre, nn ?
C'est très facile, mais voyons si tu me le demandes .
Re : Présentations des images dans les news
Alain T
Alain T

Re : Présentations des images dans les news

Alain T 608
2021/11/30 11:58
#56
Alain T 608
2021/11/30 11:58
Quote:
Bon, en fait il fallait que j'utilise la classe "container" pour faire ce que je voulais.
Inutile,
dans ton thème, tu en a déjà au moins un, dans le fichier theme.tpl
mais tu peux en définir en dessous mais je pense que l'initial ou du moins le "parent" est suffisant.
Re : Présentations des images dans les news
Pascal C.
Pascal C.

Re : Présentations des images dans les news

Pascal C. 431
2021/11/30 12:00
#57
Pascal C. 431
2021/11/30 12:00
Désolé Alain, je n'avais pas vu ton post.

Et oui effectivement je suis resté bloqué sur la manière de détourner les cards comme un idiot alors que c'était si simple.
Pourtant, je la lis toute la journée cette bible... mais il ne m'est pas toujours évident de faire le rapprochement entre mes besoins et ou trouver la bonne page.

En plus je suis passé sur celle-ci plusieurs fois sans m'y arrêter car je pensais qu'elle s'appliquait aux tableaux.
... pfff

Merci encore une fois
Re : Présentations des images dans les news
Alain T
Alain T

Re : Présentations des images dans les news

Alain T 608
2021/11/30 12:14
#58
Alain T 608
2021/11/30 12:14
Quote:
Pourtant, je la lis toute la journée cette bible... mais il ne m'est pas toujours évident de faire le rapprochement entre mes besoins et ou trouver la bonne page.
Je ne suis pas un expert en CSS mais je pense connaître assez bien Bootstrap pour te proposer mon expertise via ces forums.
Et oui, les forums sont là pour partager, échanger, progresser...
Re : Présentations des images dans les news
Alain T
Alain T

Re : Présentations des images dans les news

Alain T 608
2021/11/30 12:55
#59
Alain T 608
2021/11/30 12:55
Au fait,
le code peut encore être simplifié, désolé, mais j'ai cette mauvaise habitude de mettre du code explicite...
Le code que je t'ai proposé :
<div class="row">
    <
div class="col-12 col-md-6 bg-secondary">colonne A</div>
    <
div class="col-12 col-md-6 bg-success">colonne B</div>
</
div>


et le code simplifié :
<div class="row">
    <
div class="col-md-6 bg-secondary">colonne A</div>
    <
div class="col-md-6 bg-success">colonne B</div>
</
div>

Nul besoin de mettre "col-12" car la rupture se fait automatiquement à md-6...
Disons qu'en écrivant col-12 on comprends qu'après la rupture, on passe à une ligne entière (12/12)
Re : Présentations des images dans les news
Pascal C.
Pascal C.

Re : Présentations des images dans les news

Pascal C. 431
2021/11/30 15:03
#60
Pascal C. 431
2021/11/30 15:03
Ok, le truc est que j'use et en abuse de ton expertise... j'aimerais bien réussir plus souvent à trouver davantage de choses seul quand même.

Pour espacer en mode vertical, je pensais simplement me contenter de <br><br>
Mais tu vas certainement me dire que c'est mal...