[SOLUCIONADO] Desplegable

[CarlosMilles]

1-. Buenas tengo este código y quería poner una bandera al costado de cada idioma, el problema, es que o no me sale o se me superpone etc...

¿Que es lo que tendría que poner? Se que es absurdo, pero me está dando muchos problemas.

2-. Donde pone idioma actual me gustaría que apareciese, el idioma que esté en ese momento la página y su respectiva bandera. Tampoco me sale

Os dejo el código:

HTML

Código HTML:

<div class="wrapper">
        <ul class="DropdownIdiomas">
            <li class="active">Idioma actual</li>
            <li class="first"><a href="#">Español</a></li>
            <li><a href="#">Mallorquí</a></li>
            <li class="last"><a href="#">English</a></li>
        </ul>
 

CSS

Código CSS:

ul.DropdownIdiomas{
    width: 200px;
    border: 1px solid #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #1a1a1a;
    margin-top: 2em;
}
ul.DropdownIdiomas li{
    display: none;
    font-size: 12px;
}
ul.DropdownIdiomas li.active{
    display: block;
    color: #8c8c8c;
    font-size: 14px;
    padding: 12px;
    color: #555;
    border-top: 1px solid #313131;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
ul.DropdownIdiomas li.active {
    padding-right: 24px;
    color: #8c8c8c;
}
ul.DropdownIdiomas li a{
    display: block;
    text-decoration: none;
    padding: 8px 8px 8px 10px;
    background: #1e1e1e;
    border-bottom: 1px solid #171717;
}
ul.DropdownIdiomas li.last a{
    border:0;
}
ul.DropdownIdiomas li.first a{
    border-top: 3px solid #131313;
}
ul.DropdownIdiomas li a:hover{
    background: #232323;
    color: #fff;
    padding-left: 11px;
}
 

GRACIAS!! Disculpad por estas preguntas de novato!

[AngelKrak]

algo asi amigo?

http://codepen.io/AngelKrak/pen/YydrXz

y para lo del idioma actual nose como lo tienes configurado, pero si es por paginas, solo en X pagina ponle el idioma establecido y ya >_< o si carga en la misma pagina el contenido sin que se recargue puedes hacerlo mediante JQUERY ;)

[CarlosMilles]

Iniciado por AngelKrak

algo asi amigo?

[url]http://codepen.io/AngelKrak/pen/YydrXz[/url]

y para lo del idioma actual nose como lo tienes configurado, pero si es por paginas, solo en X pagina ponle el idioma establecido y ya >_< o si carga en la misma pagina el contenido sin que se recargue puedes hacerlo mediante JQUERY ;)

Muchas gracias, cuando ya había colgado la pregunta conseguí poner así la imagen desde el html.

Quizás es una tontería, pero ¿no es más correcto introducir la imagen desde el CSS, por eso de que html es la sintaxis y css la hoja de estilos? Ya se que ambas funcionan perfecto, me refiero a la corrección del trabajo a la hora que se presentase el código, etc. Es que es este punto donde viene mi pelea jajaja, porque o no me sale la imagen, o se superpone con el texto, o descoloca todo...

Es decir, yo basicamente quiero declararlos como una clase "Bandera" y allí decirles tamañ, imagen a insertar y su posición.

Me compre el libro "El gran libro de HTML5, CSS3 y Javascript" y me ayuda bastante, pero claro, cuando ya tienes que hacer lo tuyo propio me salen estos problemas.

[AngelKrak]

ahi estan amigo, establecidas como Background con Clase como dices ;) aun que no es malo insertar las iimagenes desde html ;) fijate y la mayoria de codigos son asi, slider, modalbox, lightbox, etc...

http://codepen.io/AngelKrak/pen/MaZVBw