#35313: <button> is not working
------------------------------+--------------------------------------
Reporter: Alpha Diallo | Owner: nobody
Type: Bug | Status: closed
Component: Forms | Version: 5.0
Severity: Normal | Resolution: invalid
Keywords: button | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
------------------------------+--------------------------------------
Changes (by Tim Graham):
* resolution: => invalid
* status: new => closed
Old description:
> Hello,
>
> I have a little problem with my code. Indeed, I have been trying to fix
> it for a while but I did not find any solutions.
>
> This is my html code : <form action="{% url 'infos_view' %}"
> method="post">
> {% csrf_token %}
> <button type="submit" class="btn-header">En savoir plus</button>
> </form>
> this is my css code : /* Style du bouton "En savoir plus" */
> .btn-header {
> width: 150px; /* Largeur augmentée */
> height: 45px; /* Hauteur augmentée */
> font-size: 1.2em; /* Taille de la police de caractères légèrement
> augmentée */
> cursor: pointer;
> background-color: #ffffff;
> color: #ff8040;
> border: none;
> border-radius: 10px;
> transition: all .4s;
> margin-top: 20px; /* Marge supérieure pour espacement */
> margin-left: 70px; /* Marge à gauche pour alignement avec les titres
> */
> font-family: 'Roboto', sans-serif;
> font-weight: bold;
>
> }
>
> .btn-header:hover {
> border-radius: 5px;
> transform: translateY(-10px);
> box-shadow: 0 7px 0 -2px #ff8a50,
> 0 15px 0 -4px #ffa274,
> 0 16px 10px -3px #ffd1bb;
> }
> .button-container {
> margin-top: 20px; /* Ajoute de la marge en haut du conteneur */
>
> }
>
> .btn-header:active {
> transition: all 0.2s;
> transform: translateY(-5px);
> box-shadow: 0 2px 0 -2px #ff8a50,
> 0 8px 0 -4px #ffa274,
> 0 12px 10px -3px #ffd1bb;
> }
>
> .text-container {
> margin-bottom: 20px; /* Ajoute de l'espace en bas du texte */
> }
>
> My button is only working when I reduce the size of my page.
New description:
Hello,
I have a little problem with my code. Indeed, I have been trying to fix it
for a while but I did not find any solutions.
This is my html code :
{{{
<form action="{% url 'infos_view' %}" method="post">
{% csrf_token %}
<button type="submit" class="btn-header">En savoir plus</button>
</form>
this is my css code : /* Style du bouton "En savoir plus" */
.btn-header {
width: 150px; /* Largeur augmentée */
height: 45px; /* Hauteur augmentée */
font-size: 1.2em; /* Taille de la police de caractères légèrement
augmentée */
cursor: pointer;
background-color: #ffffff;
color: #ff8040;
border: none;
border-radius: 10px;
transition: all .4s;
margin-top: 20px; /* Marge supérieure pour espacement */
margin-left: 70px; /* Marge à gauche pour alignement avec les titres
*/
font-family: 'Roboto', sans-serif;
font-weight: bold;
}
.btn-header:hover {
border-radius: 5px;
transform: translateY(-10px);
box-shadow: 0 7px 0 -2px #ff8a50,
0 15px 0 -4px #ffa274,
0 16px 10px -3px #ffd1bb;
}
.button-container {
margin-top: 20px; /* Ajoute de la marge en haut du conteneur */
}
.btn-header:active {
transition: all 0.2s;
transform: translateY(-5px);
box-shadow: 0 2px 0 -2px #ff8a50,
0 8px 0 -4px #ffa274,
0 12px 10px -3px #ffd1bb;
}
.text-container {
margin-bottom: 20px; /* Ajoute de l'espace en bas du texte */
}
}}}
My button is only working when I reduce the size of my page.
--
Comment:
See TicketClosingReasons/UseSupportChannels for places to get help.
--
Ticket URL: <https://code.djangoproject.com/ticket/35313#comment:1>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/0107018e4ed9da09-5e553462-4db9-4e64-9156-49ba64d9cfc7-000000%40eu-central-1.amazonses.com.
