Hola buenas, continuo con problemillas, he seguido los consejos de Aresillo pero ahora no consigo situar las banderas a la derecha y una al lado de la otra, y no una encima de otra como estan ahora. La web es monvigar.freehostia.com .
A continuación os pego el código:
HTML:
</head>
<body>
<div id="page_wrapper">
<div id="page_header">
<h1 align="center"> </h1>
<div id="flags">
<ul>
<li><a href="xxx"><img src="img/flag_cat.gif" alt="Español"/></a></li>
<li><a href="xxx"><img src="img/flag_spa.gif" alt="English"/></a></li>
</ul>
</div>
</div>
CSS:
#flags ul {
margin-top: 0px;
padding-left: 0px;
margin-left: 0px;
color: White;
float: left;
width: 100px;
font-family: verdana, arial, sans-serif;
font-size:14px;
font-weight: bold;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: right bottom;
height: 0px;
}
#flags ul li { display: inline; }
#flags ul li a
{
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
background: #FFFFFF;
color: #FFFFFF;
text-decoration: none;
float: right;
border-right: 1px solid #fff;
}
Supongo que ya debo estar cerca, pero pruebo combinaciones y no lo consigo, espero vuestras respuestas!!!