Problema con estilos

Iniciado por Cronos, Octubre 10, 2014, 02:44:17 PM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario
Octubre 10, 2014, 02:44:17 PM Ultima modificación: Octubre 10, 2014, 02:48:41 PM por Expermicid
Buenos dias hoy les traigo una duda que espero solucionar.
Estoy trabajando con listas y lo que quiero hacer es que en cada item aparezca un nombre y al lado una tableta de colores que se despliega cuando toco en el input.
Mi problema es el siguiente, en el item sale el nombre y debajo el input, nose como eliminar este salto de linea. Si alguien puede ayudarme. La idea es que el input quede al lado.

Codigo:
Código: php

<ul id="menulateral">
    <li id="colores">- Colores:</li>
    <li id="items" onclick="#">Color 1<input class="color5" type="text" name="color5" value="#FF00FF" /></li>
    <li id="items" onclick="#">Color 2<input class="color5" type="text" name="color5" value="#FF00FF" /></li>
    <li id="items" onclick="#">Color 3<input class="color5" type="text" name="color5" value="#FF00FF" /></li>
    <li id="items" onclick="#">Color 4<input class="color5" type="text" name="color5" value="#FF00FF" /></li>
</ul>


Como me queda:


Desde ya muchas gracias!
Saludos,, Cronos.-
Octubre 10, 2014, 02:56:07 PM #1
Qué tienes en el CSS?

Saludos!







No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
Octubre 10, 2014, 03:04:12 PM #2
ponle al css de los inputs "display:inline-block" eso debería bastar.

saludos!
Octubre 12, 2014, 05:37:20 PM #3
Gracias por responder, pero la solucion que me pasaste Alexander no me funciono, no noto ningun cambio :/

Esta esto es lo que tengo en el css:

Código: php

nav#segundo{
	float: left;
	width: 18%;
	height: 548px;
	background: #F4F4F4;
    border-right: 1px solid #7C7C7C;
    border-left: 1px solid #7C7C7C;
}
nav#segundo ul#menulateral{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
nav#segundo ul#menulateral li{
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 30px;
}
nav#segundo ul#menulateral li#items:hover{
	background-color: #5FACCC;
}
nav#segundo ul#menulateral li#personas{
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: bold;
	display:inline-block;
}
input.color5{
	display:inline-block;
}


Saludos,, Cronos.-
Imprimir
Ir Arriba Páginas1
Acciones del Usuario