Raphael a écrit :
Normalement le raccourci clavier est le même sur toutes les applications pour "coller sans mise en forme" (donc pour avoir du texte brut). Je pense que ça fonctionne aussi pour WordPress :
- Ctrl+Shift+V (PC)
- Command+Shift+V (Mac)
ObiJuanKenobi a écrit :
La ligne était libre, alors je l'ai placée là.
gcyrillus a écrit :
L'exercice est amusant avec les radios, mais franchement pas le truc à faire à mon avis.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
a {
text-decoration:none;
}
.container {
position:relative;
width: 100%;
}
.imgfond {
width: 100%;
height: auto;
}
.gifone {
position: absolute;
top: 20%;
left: 75%;
width: 10%;
height: auto;
}
.giftwo {
position: absolute;
top: 42%;
left: 25%;
width: 10%;
height: auto;
}
</style>
</head>
<body>
<div class="container">
<img src="https://sosnoobs.fr/GPX/2017-2025-NOS_ROADTRIPS.jpg" class="imgfond" alt="">
<a href="https://sosnoobs.fr/usa201708.php"><img src="https://sosnoobs.fr/GPX/201708.gif" class="gifone" alt="201708"></a>
<a href="https://sosnoobs.fr/usa201806.php"><img src="https://sosnoobs.fr/GPX/201806.gif" class="giftwo" alt="201806"></a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>NOS ROADTRIPS</title>
<style>
#parent {position:relative;}
img {max-width:100%; height:auto;}
img.fond {position:absolute; top:50%; left:50%; transform:translate(-50%);}
img.retour {position:absolute; left:50%; transform:translateX(-50%);}
#img_1 {z-index:10;}
#img_2 {z-index:30;}
@media all and (max-width:1600px) {
#img_2 {width:150px;}
@media all and (max-width:1060px) {
#img_2 {width:100px;}
</style>
</head>
<body>
<div id="parent">
<img id="img_1" class="fond" src="2017-2025-NOS_ROADTRIPS.jpg" alt="2017-2025 NOS ROADTRIPS">
<a href="https://sosnoobs.fr/"><img id="img_2" class="retour" src="retour.gif" alt="RETOUR"></a>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
a {text-decoration:none;}
.container {position:relative;}
.one {position: absolute; top: 20%; left: 75%;}
.two {position: absolute; top: 42%; left: 25%;}
</style>
</head>
<body>
<div class="container">
<img src="https://sosnoobs.fr/GPX/2017-2025-NOS_ROADTRIPS.jpg" alt="" style="width:100%">
<div class="one"><a href="https://sosnoobs.fr/usa201708.php"><img src="https://sosnoobs.fr/GPX/201708.gif" alt="201708"></a></div>
<div class="two"><a href="https://sosnoobs.fr/usa201806.php"><img src="https://sosnoobs.fr/GPX/201806.gif" alt="201806"></a></div>
</div>
</body>
</html>
boteha_2 a écrit :
Bonjour gcyrillus,
Merci de ton suivi.
Si j'ai bien compris tu me dis que si je veux envoyer un couple nom-valeur en $_POST il faut forcément un INPUT dans le formulaire html.
Je ne peux pas créer ce couple avec javascript sans rien dans le formulaire html ?
J'y reviens sous peu.
Olivier C a écrit :
Je ne connaissais pas Expression web 4, mais pour qu'il ne reconnaisse pas les propriétés flexbox le logiciel doit être sacrément vieux.
.hamburger-menu {
display : flex;
}
<div class="container">
<div class="enfant"></div>
<div class="enfant"></div>
</div>
.container {
display: flex;
}
.enfant:first-of-type {
background-color: chocolate;
height: 200px;
flex-basis: 50vw;
}
.enfant:last-of-type {
background-color:tomato;
flex-basis: 50vw;
}
<table style="float:right; width: 40%;">niuxe a écrit :
Salut,
@casper2: ça doit être dans l'excitation de nous partager cette extension.
boteha_2 a écrit :
Bonjour gcyrillus,
J'ai dû mal m'exprimer mais ton codepen ne répond pas au problème.
Mon problème est de ne pas avoir de bouton de soumission.
le click sur un bouton radio provoque la soumission du formulaire.
Et transmet en plus de la valeur du radio le couple nom=>valeur d'un bouton de soumission qui n'existe pas.
C'est tordu, expérimental, à mon avis cela ne débouchera pas mais le code ne doit pas être si compliqué...
<input type="radio" id="a1" name="rr" value="a">
Le click doit envoyer en POST rr=>a mais aussi choix=>Ajouter au panier comme si l'on avait cliqué sur un bouton <input type="submit" name="choix" value="Ajouter au manier"> qui n'est pas visible et même n'existe pas.
Est-ce plus clair ?
width="500"<p align="center">
<img src="jacquemart.jpg"
srcset="jacquemart-small.jpg 300w,
jacquemart.jpg 500w,
jacquemart-large.jpg 1000w"
sizes="(min-width: 300px) and (max-width: 500px ) 300px,(min-width: 501px) and (max-width: 999px) 500px,
(min-width: 1000px) 1000px, 100vw"
width="500"
alt="jacquemart-moulins03"/>
</p>
<svg>
<use href="https://monsite.com/pan_form.svg#panier" />
</svg>a écrit :
Erreur de sécurité : le contenu situé à https://cdpn.io/cpe/boomboom/index.html?key=index.html-1eff194b-0942-e130-51c0-c2477e78925d ne peut pas charger de données à partir de https://botega.fr/pan_form.svg.
<?xml version="1.0" encoding="UTF-8"?>
<svg>
<symbol id="panier" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45" fill="none" stroke-width="2.3">
<path d="M1.2,2.2H7.6L13.5 32H39.3L43.3 14H10M18,32V36A3.5,3.5 0 0 1 18,43A3.5,3.5 0 0 1 18,36ZM34,32V36A3.5,3.5 0 0 1 34,43A3.5,3.5 0 0 1 34,36Z" />
</symbol>
</svg><svg>
<use href="https://monsite.com/pan_form.svg#panier" />
</svg>
lionel_css3 a écrit :
Bon... j'ai bien compris que tu n'aimais pas Tailwind....
LauraMariaWulf a écrit :
C'est pas très très gentil Nuixe
lionel_css3 a écrit :
DOM trop lourd: tu montres un cas extrême, c'est presque une blague,
lionel_css3 a écrit :
...il est possible de créer une nouvelle classe
avec la directive @apply.
lionel_css3 a écrit :
(non)facilité à déboguer: quand tu as un problème, tu regardes directement le CSS qui est généré.
lionel_css3 a écrit :
sortir l'artillerie lourde: Javascript est partout, je m'en sers souvent pour changer la classe d'un élément suite à un évènement, c'est pas rédhibitoire....
lionel_css3 a écrit :
Je dis pas que Tailwind est meilleur que le reste mais il offre une alternative intéressante en ne créant que le style CSS nécessaire et il permet d'utiliser avec facilité des fonctionnalités CSS avancées.
Avec Bootstrap, je me retrouve souvent à créer des fichiers supplémentaires CSS volumineux qui deviennent vite le nid à du style redondant , contradictoire, ou non utilisé et au final avec 300Ko de CSS.
lionel_css3 a écrit :
Pour le fait de multiplier les classes dans le DOM je ne pense pas que ce soit un gros problème, les PC d’aujourd’hui et les navigateurs sont performants et souvent, les plugins comme Elementor ou autres ajoutent autant, sinon plus, de classes que Tailwind.
lionel_css3 a écrit :
De toutes façons je débute avec , je verrai bien...
@config 'cheminDuFichier';Olivier C a écrit :
@ObiJuanKenobi : oui mais, techniquement, ce n'est pas juste. C'est graphique pour ta représentation, mais en réalité le DOM est une interface permettant de manipuler le contenu d'une page web, c'est purement conceptuel. Enfin bon, je ne vais pas chipoter.
Un homme azerty en vaut deux.
(Yoann Gourcuff)