Foros del Web - Ver Mensaje Individual

NaRanJiTo78 · #7 (**permalink**) 22/05/2013, 12:11

Tengo estructurado el index de la siguiente manera:

Cita:

<body class="bg1">
<div class="fondo1"></div>
<div id="social-icons">
<ul>
<li><a href="#"><img src="images/social/icon-facebook.png" alt="Facebook"></a></li>
<li><a href="#"><img src="images/social/icon-twitter.png" alt="Twitter"></a></li>
<li><a href="http://www.flickr.com/photos/iu_ranera/"><img src="images/social/icon-fliker.png" alt="Flickr"></a></li>

</ul>
</div>
<div class="clear"></div>
<div id="menu">
<ul>
<li class="active"><a href="index.html" class="contentLink" rel="external"><span><img src="images/icon-home.png" alt="Inicio"></span>Inicio</a></li>
<li><a href="prologo.html" class="contentLink" rel="external"><span><img src="images/icon-about-us.png" alt="Prologo"></span>Prólogo</a></li>
<li><a href="equipos.html" class="contentLink" rel="external"><span><img src="images/icon-team.png" alt="Equipos"></span>Equipos</a></li>
<li><a href="fotos.html" class="contentLink" rel="external"><span><img src="images/icon-portfolio.png" alt="Fotos"></span>Fotos</a></li>
<li><a href="videos.html" class="contentLink" rel="external"><span><img src="images/icon-videos.png" alt="Videos"></span>Videos</a></li>
<li><a href="contacto.php" class="contentLink" rel="external"><span><img src="images/icon-contact-us.png" alt="Contacto"></span>Contacto</a></li>
</ul>
</div>

Y las clases:

Cita:

@media only screen
and (max-width : 320px) {
.fondo1 {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: url("../images/background_iphone_portrait.jpg") no-repeat center top;
color:#000;
}
#menu {
width:175px;
height:100%;
display:block!important;
float:left;
border-top:solid #292d2f 1px;
z-index:-10;
} }