lien avec class button décalé

flipflip · septembre 2017

Bonjour à tous,

Pour un thème j'ai créé un formulaire via un plugin et le site utilise le framework plucss (dernière version) pour gérer l'affichage. Pour ce code

[== HTML ==]
			echo '<div class="grid">';
			echo '<div class="col sml-12 med-12 lrg-12">';
			echo '<form method="post" action="'.$plxShow->staticUrl(false).'&p=account&a=login" id="portail-login">';
			echo '<fieldset>';
			echo '<div class="col sml-12 med-12 lrg-12"><input type="email" name="username" placeholder="Nom d\'utilisateur (adresse e-mail)" required></div>';
			echo '<div class="col sml-12 med-12 lrg-12"><input type="password" name="password" placeholder="Mot de passe" required></div>';
			echo '<div class="col sml-12 med-6 lrg-6"><input type="submit" name="submit" value="Connexion"></div>';
			echo '<div class="col sml-12 med-6 lrg-6"><a href="'.$plxMotor->urlRewrite('?static18/portail&p=account&a=add').'" class="button" title="Création de votre compte">Créer un compte</a></div>';
			echo '<div class="col sml-12 med-12 lrg-12"><i class="fa fa-key" aria-hidden="true"></i><a href="'.$plxMotor->urlRewrite('?static18/portail&p=account&a=newpwdform').'" title="Mot de passe oublié">Mot de passe oublié</a></div>';
			echo '</fieldset>';
			echo '</form>';
			echo '</div>';
			echo '</div>';
			echo '</div>';

J'ai un soucis d'affichage. Le lien ayant la class button est plus haut que le bouton de type input lorsque je suis en affichage med ou lrg. Comment est-ce que je peux régler ce problème ?

Merci d'avance.

Stéphane · novembre 2017

Bonjour
tu peux contourner le problème de cette façon

	echo '<div class="col sml-12 med-6 lrg-6"><input type="submit" onclick="window.location.href=\'#\'" value="Créer un compte"></div>';

nb: attention dans ton code il y a un </div> en trop à la fin

bazooka07 · novembre 2017

Aïe, Aîe, cela pique les yeux ce code

Même après avoir parcouru le code de PluXml, je n'arrive toujours pas à m'y faire.
Avec la syntaxe heredoc, c'est quand même plus sympa à lire pour repérer les bugues :

[== PHP ==]
<?php
$action = $plxShow->staticUrl(false).'&p=account&a=login';
$href_creation = $plxMotor->urlRewrite('?static18/portail&p=account&a=add');
$href_perdu = $plxMotor->urlRewrite('?static18/portail&p=account&a=newpwdform');
?>
<?php
echo <<< FORMULAIRE
<div class="grid">
    <div class="col sml-12 med-12 lrg-12">
        <form method="post" action="$action" id="portail-login">
            <fieldset>
                <div class="col sml-12 med-12 lrg-12">
                    <input type="email" name="username" placeholder="Nom d'utilisateur (adresse e-mail)" required />
                </div>
                <div class="col sml-12 med-12 lrg-12">
                    <input type="password" name="password" placeholder="Mot de passe" required />
                </div>
                <div class="col sml-12 med-6 lrg-6">
                    <input type="submit" name="submit" value="Connexion" />
                </div>
                <div class="col sml-12 med-6 lrg-6">
                    <a href="$href_creation" class="button" title="Création de votre compte">Créer un compte</a>
                </div>
                <div class="col sml-12 med-12 lrg-12">
                    <i class="fa fa-key" aria-hidden="true"></i>
                    <a href="$href_perdu" title="Mot de passe oublié">Mot de passe oublié</a>
                </div>
            </fieldset>
        </form>
    </div>
</div>
FORMULAIRE;
/* Suite du code PHP */
?>

La seule contrainte est qu'on ne peut pas appeler les fonctions à l'intérieur.
Cela se résout en déclarant quelques variables au préalable.

@flipflip,
je n'arrive pas bien à lire le texte en italique et il me semble qu'il manque une class pour le dernier lien "mot de passe oublié".
Les balises seules sont à fermer avec un slash final

lien avec class button décalé

Réponses