Lo que pasa es que tengo un menu horizontal en el que tengo el boton de perfil, el boton dice el nombre del usuario. Igual que facebook y a la derecha tengo el boton inicio, lo que pasa es que si el nombre del usuario es mas largo (tiene mas caracteres) por ende se va a ensanchar mas, pero tapa una parte del boton inicio. Lo quisiera es que el espaciado entre los dos se respete y sea el mismo sin importar el nombre o cantidad de caracteres que uno tenga. Lo único que quisiera si se pudiera es el código base para hacerlo, no les pido q me den el código completo y con el boton con estilos. Solamente la base. Gracias desde ya y espero me hayan entendido !

Si, ya estuve buscando en google y no encontre una solución a mi problema ya que la manera en que obtengo la fecha de nacimiento no es la tradicional.

Simplemente el usuario puede elegir de una parte el día, en otro input el mes y en otro el año. De esta manera:

 <div class="p_form_nac">
                    <select name="dia_fecha" class="form-control9" value="<?php echo $_POST['dia_fecha']; ?>" required>
                      <option value="1">1</option>
                      <option value="...">etc</option>
</select>
 
<select name="mes_fecha" class="form-control10" value="<?php echo $_POST['mes_fecha']; ?>" required>
                      <option value="Enero">Enero</option>
                      <option value="...">etc</option>
</select>
 
 <select name="year_fecha" class="form-control11" value="<?php echo $_POST['year_fecha']; ?>" required>
                      <option value="2005">2005</option>
                      <option value="...">etc</option>
</select>
 

Gracias desde ya y espero que me hayan podido entender!

Quiero que un boton cambie de color de fondo al pasar el mouse encima de el, el color sería #fff y luego de sacarlo le cambia nuevamente el color por defecto que ya tenía.
ya se que se puede con css pero necesito hacerlo con javascript.

Los botones creados:

<ul class="vertical posicion_menu">
		<li><a href="#quienes-somos" id="boton_a" onmouseover="Mostrar_A_Hover()" onmouseout="Ocultar_A_Hover()" onclick="Mostrar_A()">¿Qué es bolishop?</a></li>
		<li><a href="#restricciones" id="boton_b" onmouseover="Mostrar_B_Hover()" onmouseout="Ocultar_B_Hover()" onclick="Mostrar_B()">¿Quienes pueden usarlo?</a></li>
		<li><a href="#ventajas" id="boton_c" onmouseover="Mostrar_C_Hover()" onmouseout="Ocultar_C_Hover()" onclick="Mostrar_C()">¿Cuales son las ventajas?</a></li>
	</ul>

Funciones para los hovers

<script type="text/javascript">
         function Mostrar_A_Hover {
            document.getElementById("boton_a").style.backgroundColor = '#ccc';
         }
 
         function Ocultar_A_Hover {
            document.getElementById("boton_a").style.backgroundColor = '#EAEBEF';
         }
 
         function Mostrar_B_Hover {
            document.getElementById("boton_b").style.backgroundColor = '#ccc';
         }
 
         function Ocultar_B_Hover {
            document.getElementById("boton_b").style.backgroundColor = '#EAEBEF';
         }
 
         function Mostrar_C_Hover {
            document.getElementById("boton_c").style.backgroundColor = '#ccc';
         }
 
         function Ocultar_C_Hover {
            document.getElementById("boton_c").style.backgroundColor = '#EAEBEF';
         }
 
     </script>
 

No se me quieren cambiar, no funcionan. ¿Que puede ser? desde ya muchas gracias!

Estoy creando una mini red social, ya hice el guardado de las publicaciones, todo bien. pero ahora estoy creando el diseño que va a tener la publicacion cuando se tenga que mostrar el problema es que no se como hacer que la caja/box crezca dependiendo de los caracteres que el contenido tenga además si tiene alguna que otra imagen dicha publicación.

(La caja de publicación con un contenido no tan largo)


(La caja se puede ver que crecio ya que ahora tiene un contenido de mayor longitud)


(Esta es la mini-red social que estoy comenzando desde 0 por eso quisiera alguna ayudita ya que hace 1 mes arranque, con esto)