Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Antoniio en 24 Enero 2017, 22:15 pm



Título: Mover de posición Tooltip
Publicado por: Antoniio en 24 Enero 2017, 22:15 pm
Hola, buenas. Cómo puedo colocar por un costado derecho el letrero que aparece en cima del campo?
(http://i.imgur.com/evUSG92.png)

Este es el css:
Código:
.alert-danger{
border:solid red 1px !important;
}   
a.tooltips {
  display: inline;
}
a.tooltips span {
 
  display:block;
  color: #FFFFFF;
  background: #555;
  background: rgba(53, 53, 53, 0.9);
  min-height: 18px;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
font-size: .9em;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #555;
  border-top: 8px solid rgba(53, 53, 53, 0.9);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

Por ejemplo, la flecha apunta hacia abajo, debería apuntar hacia la izquierda...

Gracias de antemano !!


Título: Re: Mover de posición Tooltip
Publicado por: Antoniio en 27 Enero 2017, 07:21 am
http://semana.mat.uson.mx/registro/unison/inicio.php

Esa es la página


Título: Re: Mover de posición Tooltip
Publicado por: dato000 en 27 Enero 2017, 14:36 pm
Creo que ese comportamiento depende del navegador, tendrias que usar setCustomValidity(), que es un metodo que sobrecarga las propiedades de los mensajes de validación y dejar las que uno necesita.

Creo que ya se hace por css y javascript.

https://www.html5rocks.com/en/tutorials/forms/constraintvalidation/
http://stackoverflow.com/questions/5478800/override-css-for-html5-form-validation-required-popup