css formulario web ...
 
Avisos
Vaciar todo

css formulario web para registro

8 Respuestas
3 Usuarios
0 Reactions
468 Visitas
Javier
Respuestas: 517
Honorable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola!

Dentro de este formulario me gustaria que para la version desktop, se quedase como en la imagen adjunta, pero que en la version movil se quedase como esta porque esta perfecto.

¿Alguna solucion?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 20/10/2016 4:52 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola

Ubica el siguiente archivo:
/templates/vina_wefit/css/custom.css

Al final agrega el siguiente código CSS:

.view-register #os_form.form-horizontal .controls input{
	width:100%;
}

Saludos.


 
Respondido : 20/10/2016 6:29 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

ok gracias, pero el campo comment no se adapta como los demas, ¿porque?

ademas mira lo que pasa en la version movil, adjunto imagen.


 
Respondido : 20/10/2016 6:35 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola

Modifica el código enviado por este :

.view-register #os_form.form-horizontal .controls input,
.view-register #os_form.form-horizontal .controls textarea{
	width:100%;
}

En este último se contempla el textarea

Saludos


 
Respondido : 20/10/2016 7:07 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

ok. Genial!

pero sigo teniendo el problema de los globos rojos de error. se cortan en la version movil (ver en imagen adjunta)


 
Respondido : 20/10/2016 7:13 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola

Prueba agregando este código al final del mismo archivo

.formError{
left:350px!important;
}

Saludos.


 
Respondido : 20/10/2016 7:57 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

En la version movil ahora no se ve.


 
Respondido : 21/10/2016 12:16 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola,

En el último código que te ha pasado Jhon, prueba a cambiar el valor de 350px por otro, por ejemplo 50px, y verifica si así se ve.

Comprueba también que estos cambios también se aplican en la versión de escritorio.


 
Respondido : 21/10/2016 2:53 pm