Align Two buttons in a TD

37 views
Skip to first unread message

Walter Randazzo

unread,
Oct 24, 2020, 3:09:00 PM10/24/20
to Django users

Hi Folks,

Im trying to get aligned 2 buttons in a TD but  they stay overlaped.

Im attaching the html and the results.

Hope u guys can help me,

Many Thanks!


templateHtml.png
html2botones1TD.png

John Adepelumi

unread,
Oct 24, 2020, 7:06:30 PM10/24/20
to django...@googlegroups.com
Can you share the CSS? 

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/8cf82730-158f-4ef8-8770-fb92859afc03n%40googlegroups.com.

Walter Randazzo

unread,
Oct 24, 2020, 7:19:27 PM10/24/20
to Django users
Hi Jhon thanks for replying:

I was able to solve the aling issue following  the botstrapp documentation about buttons. Here is the new code:

                  <td style="="font-size:30%;>
                    <a class="btn btn-primary btn-sm" href="{% url 'articulos:update' articulos.codigo %}" role="button">Editar</a><a class="btn btn-primary btn-sm" href="{% url 'articulos:delete' articulos.codigo %}" role="button">Borrar</a>
                  </td>

Heres is the Template:


Walter Randazzo

unread,
Oct 24, 2020, 7:25:12 PM10/24/20
to Django users

Walter Randazzo

unread,
Oct 24, 2020, 7:26:59 PM10/24/20
to Django users
Sorry, I forgot to attach the file. This is how the template looks like now:

El sábado, 24 de octubre de 2020 a la(s) 20:19:27 UTC-3, Walter Randazzo escribió:

Jason R

unread,
Oct 24, 2020, 10:57:22 PM10/24/20
to django...@googlegroups.com
I'd wrap your td element in a container and display it as a flex element. That will probably conflict with bootstrap though.

Venu Gopal

unread,
Oct 25, 2020, 12:28:32 AM10/25/20
to django...@googlegroups.com
Probably, It will get resolved using separate td elements for each button.

Reply all
Reply to author
Forward
0 new messages