HTML responsive

[4589]

Ole ole ole ole ole y ole. Ahora sí!!!!

A ver lo que ahora ocurre es que una imagen ocupa de ancho 100px y quiero que siga o ocupando eso... No quiero que ocupe el 100%. Lo que puedo hacer es llamrla de otro nombre y en el CSS no aplicarle lo que le aplico a las demás imágenes. ¿No?

Y por otro lado ¿para un vídeo insertado en vimeo cómo hago?

Gracias gracias gracias y ás gracias!

Qué buena genete sois!!

[Uncontroled_Duck]

Buenas,

Offtopic

Iniciado por fede5426

No lo dije en mala manera ni me refería precisamente a tu caso, sino que el usuario 4589 está tratando de hacer su sitio responsive a través de código puro.. recomendarle un framework para "solucionarle" el problema no me parece lo ideal para alguien que está aprendiendo o que está intentando hacer RWD por su cuenta, solo eso, no hay broncas

En parte estoy de acuerdo con lo que comentas, pero un framework es también una buena herramienta para aprender.

Para aprender no es necesario reinventar la rueda ni perder días y noches a base de prueba y error (que a veces ocurre).

Las herramientas están para usarlas, y cualquiera con inquietudes, me pongo como ejemplo porque no soy experto en css, lo primero que hago es ver como lo han solucionado otras personas, y si se puede adaptar a lo que necesito o estoy buscando. Veo el código, intento entender como lo han usado para crear el efecto X, lo pongo en práctica y lo adapto hasta conseguir el resultado deseado. Y personalmente me ha ayudado a avanzar en mis proyectos y en mis conocimientos.

Pero igual con css, javascript, php...

Bootstrap ha solucionado la gran mayoría de dudas sobre diseño responsive, y es muy buena herramienta de apoyo para el aprendizaje, incluso para los que les gusta escribir todo desde 0.

Otra cosa es como lo utilice . Al que le gusta todo hecho, solo copiar y pegar, y al que le guste investigar, pues tiene una pocas de líneas para leer.

Saludos,

[4589]

Hola!

He estado leyendo sobre Bootstrap pero... No me queda nada claro para que sirve...

[4589]

Vale, esto empieza a coger forma. Gracias de nuevo.

Pero ahora mesurge otra duda y, creo que bastante más compleja. Bueno compleja para mí para vosotros no creo.

Código html:

Código HTML:

 <nav>
      <div class="c_a">
        <div class="c_aaoff">
        <img src="http://www.forosdelweb.com/thumbnail/xxxxx/xxxx.jpg"/>
        </div>
      </div>    
      <div class="c_b">
        <div class="c_bb">
        <a href="xxx.html"><img src="http://www.forosdelweb.com/thumbnail/xxxxx/xxxx.jpg"/></a>
        </div>
      </div>
      <div class="c_c">
        <div class="c_cc">
        <a href="xxx.html"><img src="http://www.forosdelweb.com/thumbnail/xxxxx/xxxx.jpg"/></a>
        </div>
      </div>
      <div class="c_d">
        <div class="c_dd">
        <a href="xxx.html"><img src="http://www.forosdelweb.com/thumbnail/xxxxx/xxxx.jpg"/></a>
        </div>
      </div>
    </nav> 

Código CSS:

Código HTML:

.c_a 
	{
	width:144px;
	height:80px;
	background-image: url(../thumbnail/xxxxx/xxxx.jpg);
	margin: 0px 0px 0px 0px;
    position: relative;	
	}

.c_aa
	{
	width:144px;
	height:80px;
	-webkit-transition: opacity, 0s;
	opacity:0;
 	}
 	div.c_a:hover div.c_aa
 	{
	opacity: 1;
	}
 
.c_b
	{
	width:144px;
	height:80px;
	background-image: url(../thumbnail/xxxxx/xxxx.jpg);
	margin: -80px 0px 0px 152px;
    position: relative;
	}

.c_bb
	{
	width:144px;
	height:80px;
	-webkit-transition: opacity, 0s;
	opacity:0;
 	}
 	div.c_b:hover div.c_bb
 	{
	opacity: 1;
	}

.c_c
	{
	width:144px;
	height:80px;
	background-image: url(../thumbnail/xxxxx/xxxx.jpg);
	margin: -80px 0px 0px 304px;
    position: relative;
	}

.c_cc
	{
	width:144px;
	height:80px;
	-webkit-transition: opacity, 0s;
	opacity:0;
 	}
 	div.c_c:hover div.c_cc
 	{
	opacity: 1;
	}

.c_d 
	{
	width:144px;
	height:80px;
	background-image: url(../thumbnail/xxxxx/xxxx.jpg);
	margin: -80px 0px 0px 456px;
    position: relative;
	}

.c_dd
	{
	width:144px;
	height:80px;
	-webkit-transition: opacity, 0s;
	opacity:0;
 	}
 	div.c_d:hover div.c_dd
 	{
	opacity: 1;
	}

.c_e
	{
	width:144px;
	height:80px;
	background-image: url(../thumbnail/xxxxx/xxxx.jpg);
	margin: 8px 0px 0px 0px;
    position: relative;	
	}

¿Cómo hago para ajustar este menú que tengo?

Gracias!