Una pequeña ayuda con css y html

[RaloGomez]

Perdon, no viene a cuento pero simplemente por curiosidad ¿Que editor de codigo estas utilizando?

[WIитX]

Perdon, no viene a cuento pero simplemente por curiosidad ¿Que editor de codigo estas utilizando?

Sublimetext

[_Enko]

Código [Seleccionar] Expandir


<div id="nav">
                        <ul>
                                <li><a href="#"><i class="fa fa-map-marker"></i>home</a></li>
                                <li><a href="#"><i class="fa fa-comment"></i>forum</a></li>
                                <li><a href="#"><i class="fa fa-globe"></i>computer news</a></li>
                                <li><a href="#"><i class="fa fa-users"></i>team</a></li>
                                <li><a href="#"><i class="fa fa-gamepad"></i>wargames</a></li>
                        </ul>
                </div>


Con el estandard html5 creo que es mejor usar

Código [Seleccionar] Expandir


<nav id="nav">
                        <ul>
                                <li><a href="#"><i class="fa fa-map-marker"></i>home</a></li>
                                <li><a href="#"><i class="fa fa-comment"></i>forum</a></li>
                                <li><a href="#"><i class="fa fa-globe"></i>computer news</a></li>
                                <li><a href="#"><i class="fa fa-users"></i>team</a></li>
                                <li><a href="#"><i class="fa fa-gamepad"></i>wargames</a></li>
                        </ul>
                </nav>


Visualmente no hará ninguna diferencia, pero el tag NAV es más apropiado ya que identifica que es un bloque dedicado a la navegación.

Tambien, para no sufrir tanto con compatibilidad html-css entre navegadores y ya te lo recomendaron: bootstrap.

http://getbootstrap.com/examples/navbar/

No tienes que usar todo el bootstrap, puedes compilar online en la web solamente el componente navbar. (opcionalmente dropdown tambien, si lo necesitas)

Personalizas luego navbar navbar-default y te asegura un 90-99% compatibilidad en los navegadors modernos. ie11, chrome y firefox.

Saludos.