Cierto! Disculpa.
El css es este:
Código HTML:
@media screen and (max-width:480px) and (orientation: portrait){
.boton{
display:block;
border-radius:5px;
width:35px;
cursor:pointer;
display:inline;
}
.botonmrm{
display:block;
border-radius:5px;
width:35px;
cursor:pointer;
display:inline;
margin-left:150px;
}
nav{
width:99%;
padding:10px;
position:relative;
color: #333;
}
nav ul{
width:100%;
position:absolute;
top:100%;
left:-100%;
padding:0;
border-top:1px solid #354f64;
box-shadow:5px 5px 5px rgba(0,0,0,.05);
z-index:3;
background-color: #333;
}
nav ul li{
display:block;
border-bottom:1px solid rgba(53,79,100,.2);
background-color: #333;
}
nav li a {
width:98%;
display: block;
float: left;
padding-top:5px;
padding-left:5px;
padding-right:5px;
color: #fff;
text-decoration: none;
border-right: 0px solid #fff;
text-align:center;
height:20px;
font: 12pt Helvetica;
}
.blanco{
background: #fff;
}
#videos{
width:99%;
height:150px;
padding:5px;
margin-left:auto;
margin-right:auto;
}
#video{
text-align: center;
font-family: Helvetica;
font-weight: normal;
font-size: 24px;
color: #fff;
background-color: #f2f2f2;
border: 0px #000 solid;
width:100%;
height:100%;
}
#news{
text-align: center;
font-family: Helvetica;
font-weight: normal;
font-size: 24px;
color: #fff;
background-color: #f2f2f2;
border: 0px #000 solid;
width:100%;
height:auto;
}
#news tr{
width:100%;
height:100%;
}
#news td{
width:100%;
height:100%;
}
#news img{
width:100%;
height:auto;
}
}
Y el código del boton en el html es este:
Código:
<body>
<div class="container">
<div id="header">
<nav>
<img src="http://i.imgur.com/yjwy9Q6.png" class="boton" alt="" />
<img src="images\Logos-empresa\logoempresa.ico" class="botonmrm" alt="" />
<ul>
<li class="blanco"><a class="blanco" href="?r=site/index" ><img id="logoesk" src="images\Logos-empresa\Logoesk.png"/></a></li>
<li><a href="?r=site/internacional&pagina=0">Internacional</a></li>
<li><a href="?r=site/nacional&pagina=0">Nacional</a></li>
<li><a href="?r=site/autonomico&pagina=0">Autonómico</a></li>
<li><a href="?r=site/exkartistas&pagina=0">Exkartistas</a></li>
<li><a href="?r=site/calendarios&month=a">Calendarios</a></li>
<li><a href="?r=site/clasificaciones">Clasificaciones</a></li>
<li><a href="?r=site/videos&pagina=0">Videos</a></li>
<li class="rs"><a class="rs" href="https://twitter.com/Eskarting" ><img style="width:30px; height:20px;" id="logo-tw" src="images\Logos-empresa\tw.png"/></a></li>
<li class="rs"><a class="rs" href="http://www.facebook.com/pages/Eskarting/269830903103924" ><img style="width:30px; height:30px; margin-top:-5px;" id="logo-fb" src="images\Logos-empresa\fb.png"/></a></li>
</ul>
</nav>
justo después del /nav hay otras cosas y por eso no están cerrados los tags superiores de body y dos divs.
Gracias :)