elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Pregunta]: ¿Como ajusto este style de mi boton? (HTML+CSS)
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Pregunta]: ¿Como ajusto este style de mi boton? (HTML+CSS)  (Leído 1,779 veces)
Leguim


Desconectado Desconectado

Mensajes: 720



Ver Perfil
[Pregunta]: ¿Como ajusto este style de mi boton? (HTML+CSS)
« en: 16 Noviembre 2019, 16:30 pm »

Buenos días,

estaba usando fuentes especiales para usarlas como iconos en mi aplicación web, el problema es que estos iconos quedan un poco más arriba y tengo que bajarlos un poco. (estoy intentando con margin-top: -50) pero no lo baja, ni un poco siquiera...



Los estilos son:

Código
  1. .button_submit {
  2. width: auto;
  3. height: 35px;
  4. padding: 0px 7px 4px 8px;
  5.              border-radius: 2.5px;
  6.            cursor: pointer;
  7. }
  8.  

HTML:

Código
  1. <button type="submit" name="submit_form_index" class="button_submit">
  2.          <span style="display: block; color: #fff; font-family: opensans; font-size: 14px; margin-top: 3px;">Acceder <span class="icon-chevron-right" style="margin-top: 50px;"></span></span>
  3. </button>
  4.  

Intenté poniendo "display:block" a el <span> que contiene el icono pero se me va para abajo el icono y queda el texto arriba en el boton.

EDIT: Termine publicando el tema dos veces porque no tenia internet (tenia muy poca señal) quedo esto cargando y cerre la pestaña, despues de 2 horas lo intente otra vez y tampoco tenia buena señal (no era el foro, era mi internet) y tambien quedo cargando y lo cerre.. y ahora que entro estan los dos temas..


« Última modificación: 16 Noviembre 2019, 22:41 pm por MiguelCanellas » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines