Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: tata en 13 de Mayo 2014, 04:28
-
Hola a todos/as;No entiendo porque no me sale la galeria de imagenes.
aqui esta en html
div id="contenedor">
<input id="tab-1" type="radio" class="tab-selector-1" checked="checked"/>
<label for="tab-1" class="tab-label-1"><img src="C:\Users\Owner\Desktop\dangelofotos\balconies.jpeg"></label>
<input id="tab-2" type="radio" class="tab-selector-2"/>
<label for="tab-2" class="tab-label-2"><img src="C:\Users\Owner\Desktop\dangelofotos\otrobalcon.png"></label>
<input id="tab-3" type="radio" class="tab-selector-3"/>
<label for="tab-3" class="tab-label-3" style="margin-right:0;"><img src="C:\Users\Owner\Desktop\dangelofotos\balcones2.png"></label>
<div class="content">
<div class="content-1">
<img src="C:\Users\Owner\Desktop\dangelofotos\balconies.jpeg">
</div>
<div class="content-2">
<img src="C:\Users\Owner\Desktop\dangelofotos\otrobalcon.png">
</div>
<div class="content-3">
<img src="C:\Users\Owner\Desktop\dangelofotos\balcones2.png">
</div>
</div>
</div>
y este es el css
}
#contenedor{
background:#eee;
border-right:2px solid #ddd;
border-left:2px solid #ddd;
height:100%;
margin:0 auto;
padding:5px 15px;
width:72%;
}
#contenedor input{
visibility:hidden;
display:none;
}
label img{
width:100%;
height:100%;
}
#contenedor label{
border:6px solid #f0f0f0;
box-shadow:0 0 0 1px #ccc;
cursor:pointer;
display:inline-block;
font-size:15px;
height:13%;
line-height:40px;
margin-right:4px;
max-height:100px;
opacity:0.7%;
padding:0;
width:18.15%;
}
#contenedor input:checked + label{
position:relative;
opacity:1;
border:6px solid #ddd;
transition:.2s;
-webkit-transition:.2s;
-moz-transition:.2s;
-o-transition:.2s;
transform:scale(0.95);
-webkit-transform:scale(0.95);
-moz-transform:scale (0.95);
-o-transform:scale(0.95);
}
.content{
position:relative;
height:100%;
padding:0;
width:100%;
z-index:3;
}.content div{
position:absolute;
z-index:-100;
opacity:0;
}
#contenedor input.tab-selector-1:checked .content .content-1,
#contenedor input.tab-selector-2:checked .content .content-2,
#contenedor input.tab-selector-3:checked .content .content-3 {
z-index:100;
opacity:1;
-webkit-transition: all ease-out 0.2s 0.1s;
-moz-transition: all ease-out 0.2s o.1s;
o-transition: all ease-out 0.2s 0.1s;
}
.content div img {
border:6px solid #f0f0f0;
box-shadow:0 0 0 1px #ccc;
height:90%;
margin-top:5px;
width:97.30%;
}
-
Aquí parece que falta código, por ejemplo no está <head> ni <body>, tampoco veo cómo tienes etiquetas input pero no están dentro de un form ¿No están dentro de un formulario?
-
Gracias Javi..voy hacerle dentro de form..ensayando-aprendiendo..gracias
-
Ya lo revise y nada