[Resuelto] problema CSS

Iniciado por sowi12, 17 Agosto 2015, 19:43 PM

0 Miembros y 1 Visitante están viendo este tema.

sowi12

Hola, no sabía dónde colocar el tema, así que lo dejo aquí.

El caso es este, he hecho algo parecido a un menú (no tiene nombre xD), y en solitario en el navegador se ve bien, ordenado, todo en su sitio, sin desmadrarse...
El problema es que lo había hecho para la página de un amigo que está hecha con el blogger para ver si se puede añadir, y cuando lo añado pues se descuadra todo el texto puesto en las casillas del "menú" menos la imagen (es lo único que se queda en su sitio).

Si a alguien le interesa estoy dispuesta a dar enseñar el css y html (lo único que el css al ser de blogger, al leerlo de por sí te da dolor de cabeza, mucho desorden).

Un saludo y gracias ;)

Randomize

Cuando uno hace cosas para webpages prueba a verlas en todos los navegadores...

Tendrás que volver a trabajar...

MNicolas

Posiblemente sea el CSS de ese blog que ya use selectores más específicos y se sobreesciba así el estilo.

Mi recomendación es trabajar en una copia del sitio donde en realidad se implementará.

sowi12

Si con la copia trabajo, cuando vuelva a ponerme con ello revisaré el css específico de la página y a ver si consigo algo, o arreglarlo.

Thanks! ;D

exploiterstack

Con lo que mencionas "descuadre" y "blogger " es muy difícil ayudarte ya que pueden ser varios los problemas, aun así apuesto que puede ser que hayas utilizado selectores que este haciendo uso la pagina la cual ya le haya asignado unos atributos/valores diferentes al que le diste tu. Por lo que hay que observar el orden de preferencia de los CSS o dando prioridades en las declaraciones haciendo uso del atributo !important

Un saludo!

sowi12

#5
Ueeee!! Vuelvo a la carga XDDD.

Ahora estoy probando desde un blogger que tenía por ahí abandonado con los famosos "widget" pero tengo el problema de que se me descuadra (menos que la última vez, pero se me descuadra).

Sigo pensando ante todo que la culpa es del css y como comentabais algunos anteriormente, que habrá atributos que tengan algo que ver. Pues bien, ahora cada elemento tiene un class o id personal e identidicativo para que se distingan, pero sigo con ese problema.

¿Cómo puedo hacer para que se cuadre todo como debería?

Este es el nuevo código:
------------ estilos.css-----------------

Código (css) [Seleccionar]


/*************************CAJA PRINCIPAL***********************/
.contenedor{
width: auto;
height: auto;
margin: 0;
padding: 0;
float: right;
right: 500;
   font-size: 0.8125em;
   background-color: #333333;
   border-radius: 15px;
}
/************UL Y UL:HOVER (PASANDO EL RATON POR ENCIMA)********/
.calendar{
background: #222;
padding: 0;
margin: 0;
display: block;
position: relative;
top: 0;
border-radius: 15px;
   width: auto;
   height: auto;
}
.calendar:hover{
background: -webkit-linear-gradient(bottom, #000, #00cc33);
background: -ms-linear-gradient(bottom, #000, #00cc33);
background: -moz-linear-gradient(bottom, #000, #00cc33);
background: -o-linear-gradient(bottom, #000, #00cc33);
padding: 0;
margin: 0;
display: block;
position: relative;
top: 0;
width: auto;
height: auto;
border-radius: 15px;
}

/*los efectos DEL ENLACE al pasar la flecha por encima */
.contenedor > ul li div>a:hover, .contenedor > ul li div:hover>a.enlace{
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
background: #000000;
background: -webkit-linear-gradient(bottom, #000000, #00cc33);
background: -ms-linear-gradient(bottom, #000000, #00cc33);
background: -moz-linear-gradient(bottom, #000000, #00cc33);
background: -o-linear-gradient(bottom, #000000, #00cc33);
border-color: transparent;
}

/************ TODOS LOS "LI" *****************************/
.filas{
width: auto;
height: auto;
margin: 0;
list-style: none;
}

/**********************ENLACES****************************/
.enlace{
display: inline-block;
position: relative;
width: 300;
height: 100;
   text-decoration: none;
   border-top: 1px solid #111111;
   border-bottom: 1px dotted #1b1b1b;
   border-radius: 15px;
   /* Background y efectos */
   background: #282828;
}


/********************IMAGENES******************************/
#imagen1{
background-image: url(data:image/jpeg;base64,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);
}
#imagen2{
background-image: url(data:image/jpeg;base64,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);
}
#imagen3{
background-image: url(data:image/jpeg;base64,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);
}
#imagen4{
background-image: url(http://edgecast.buscafs.com/www.levelup.com/public/uploads/images/290806_123x154.jpg);
}
#imagen5{
background-image: url(http://edgecast.buscafs.com/www.levelup.com/public/uploads/images/60560_123x154.jpg);
}

/******TEXTO EN GENERAL******************************/
.texto{
margin: 0;
font-family: Helvetica, Arial, sans-serif;
color: #d8d8d8;
text-decoration: none;
text-transform: uppercase;
text-shadow: 4px 1px 5px #000;
font-size: 13px;
font-weight: 300;
}
/********TAMAÑO DE LAS IMAGENES**********************/
.imagenes{
border-radius:200px;
width: 80px;
height: 80px;
background-repeat: no-repeat;
float: left;
left: 5;
top: 10;
position:relative;
}
/*****LOS DIVS QUE SUJETA TODO EL CONTENIDO DE CADA
APARTADO DE LA LISTA**************************/
.columnas{
width: auto;
height: auto;
position: relative;
}
/*****ETIQUETA QUE MODIFICA LA INFO DEL JUEGO*********/
.bloquePrincipal{
width: 210;
height: 100;
float: right;
clear: left;
position:relative;
bottom: 81;
}
/*****SUJETA EL TITULO Y LA PALTAFORMA*******/
.bloque{
float: left;
width: 150;
height: 99;
position: relative;
}
/*ETIQUETA DE TITULOS*/
.titulo{
margin-top: 15;
float: left;
width: 149;
height: 60;
position: relative;
}
/*ETIQUETA DE PLATAFORMAS*/
.plataforma{
margin-top: 10;
float: left;
clear: left;
width: 149;
height: 15;
color: #CC0000;
bottom: 20;
position: relative;
}
/*ETIQUETA DE FECHA*/
.fecha{
float: left;
width: 60;
height: 100;
position:relative;
}
/*POSICION DE LA FECHA*/
.textFecha{
top: 40;
position: relative;
}
/******POR SI HAY ALGUN TITULO MUY LARGO
HARIA QUE ADAPTARLO****************
.titulo2{
float: left;
width: 149;
height: 30;
position: relative;

}
.plataforma2{
float: left;
clear: left;
color: #CC0000;
position: relative;
}
.fecha2{
float: left;
top: 18;
position:relative;
}*/

/*ETIQUETA DE MAS JUEGOS*/
.masJuegos{
float: right;
position: relative;
top: 40;
right: 75;
font-size: 20;
}
/*ETIQUETA DE LA CABECERA*/
.cabecera{
position: relative;
width: 300;
height: 60;
}
/**ETIQUETA DE LANZAMIENTOS**/
.lanzamientos{
position: relative;
width: 300;
font-size: 30;
clear: left;
left: 35;
top: 10;
}



-----------calendario.html----------------

Código (html4strict) [Seleccionar]


<head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 <title>ranking</title>
 <script src="estilos/modernizr.js"></script>
 <link media="all" href="estilos/estilos.css" rel="stylesheet" type="text/css"/>
 <style type="text/css">
 
 </style>
</head>
<!-- lA HE IMPROVISADO, ASI QUE MERITO TIENE EEE (e.e)
-->

<aside class="contenedor">
<ul class="calendar">
<li class="filas cabecera">
<div class="columnas cabecera">
<p class="texto lanzamientos">Lanzamientos</p>
</div>
</li>
<li class="filas">
<div class="columnas">
<a href="#" class="enlace">
<div id="imagen1" class="imagenes"></div>
<div class="bloquePrincipal">
<div class="bloque">
<p class="titulo texto">BLOODBORNE</p>
<p class="plataforma texto">PS4</p>
</div>
<div class="fecha">
<p class="texto textFecha">24 MAR</p>
</div>
</div>
</a>
</div>
</li>
<li class="filas">
<div class="columnas">
<a href="#" class="enlace">
<div id="imagen2" class="imagenes"></div>
<div class="bloquePrincipal">
<div class="bloque">
<p class="titulo texto">EVOLVE</p>
<p class="plataforma texto">PS4 XBONE
WINDOWS</p>
</div>
<div class="fecha">
<p class="texto textFecha">10 FEB</p>
</div>
</div>
</a>
</div>
</li>
<li class="filas">
<div class="columnas">
<a href="#" class="enlace">
<div id="imagen3" class="imagenes"></div>
<div class="bloquePrincipal">
<div class="bloque">
<p class="titulo texto">Kirby and the Rainbow curse</p>
<p class="plataforma texto">WiiU</p>
</div>
<div class="fecha">
<p class="texto textFecha">20 FEB</p>
</div>
</div>
</a>
</div>
</li>
<li class="filas">
<div class="columnas">
<a href="#" class="enlace">
<div id="imagen4" class="imagenes"></div>
<div class="bloquePrincipal">
<div class="bloque">
<p class="titulo texto">Resident Evil: Revelations</p>
<p class="plataforma texto">PS3 N3DS WiiU
XB360 WINDOWS</p>
</div>
<div class="fecha">
<p class="texto textFecha">21/24 MAY</p>
</div>
</div>
</a>
</div>
</li>
<li class="filas">
<div class="columnas">
<a href="#" class="enlace">
<div id="imagen5" class="imagenes"></div>
<div class="bloquePrincipal">
<div class="bloque">
<p class="titulo texto">Project Cars</p>
<p class="plataforma texto">PS4
XBONE WINDOWS LINUX</p>
</div>
<div class="fecha">
<p class="texto textFecha">7 MAY</p>
</div>
</div>
</a>
</div>
</li>
<li class="filas">
<div class="columnas">
<a href='#' class="enlace">
<p class="texto masJuegos">Mas juegos...</p>
</a>
</div>
</li>
</ul>
</aside>



(Es html5, así que como no había para HTML5 lo he puesto con el 4 "estricto"  :huh: )

He puesto sólo el ASIDE pero tengo su body y sus demás cosas eeee...

Donde estoy probando es aquí: http://sadsoraya.blogspot.com.es/
(veréis el resultado desastroso que ha quedado XDDD)

Bueno un saludo y a ver si entre muchas cabezas solucionamos esto (Si me ayudáis claro  ;) ;) )

------------------------------

Y acabo de darme cuenta que juntando html con css en el mismo fichero, en mi fichero de prueba (que a mi me parece una barbaridad juntarlo pero en blogger y muchas webs va así la cosa...), pues se me desorganiza todo también. En cambio por separado funciona de maravilla.

¿Existe alguna solución en blogger de tener un fichero css a parte del html  :-\ :-\?

sowi12

Y acabo de darme cuenta que juntando html con css en el mismo fichero, en mi fichero de prueba (que a mi me parece una barbaridad juntarlo pero en blogger y muchas webs va así la cosa...), pues se me desorganiza todo también. En cambio por separado funciona de maravilla.

¿Existe alguna solución en blogger de tener un fichero css a parte del html  :-\ :-\?

sowi12

Vale ya encontré el problema (más tonta y no nazco XD).

Resulta que no indiqué el tamaño del formato (px) de div, p, y demás elementos (no en todos). En un archivo css a parte del HTML funciona pero al juntarlo, con eso de que no indiqué el formato de los tamaños pues no iba. Oye algo que tendré en cuenta para la próxima.

El post lo puedo cerrar yo o lo cierran los admin???

str_null

Hola sowi me alegro hayas dado con el fallo. Quería comentarte que personalmente te animo a trabajar con porcentajes en vez de medidas exactas ya que hace tu código mas reutilizable y es mas sencillo de ver también lo que ocupara algo en la pantalla. Quizá el usar algún tipo de rejilla te hará mas fácil que las cosas no se te descuadren y te será mas cómodo. Sin mas quería comentar eso. saludos
Las aulas educan pero el tiempo enseña