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-----------------
/*************************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,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIEhQWFhQXFx8bGBcXGB4fIRwhIRwbJB4oICkbISgpHiQvIB0cITEhJSorLi4uHCAzODMsQyktLiwBCgoKDg0OGhAQFSwkHBwsLCwsLCwrLCwsLCwsLCwsNiwvLDcsLCwvLCwsLCwsLCwsNysrLCwsNzcrLDcrLCwrLP/AABEIAE8ATwMBIgACEQEDEQH/xAAaAAADAQEBAQAAAAAAAAAAAAAEBQYDAgEH/8QAORAAAgECBAIGCAUDBQAAAAAAAQIDBBEABRIhMUEGEyJRYYEUMmJxkaGx0SNyksHhQrLxFjNSgvD/xAAXAQEBAQEAAAAAAAAAAAAAAAABAAID/8QAGREBAQEBAQEAAAAAAAAAAAAAABEBITEC/9oADAMBAAIRAxEAPwCTgrJVziYNK+nU9u0fG3zwZBU1aOFLvccbseAH/t8AZjFHDmM8q3Kl2tuN9+69x5jHqVDGzHc8tjt98bxjTaGpqmPrt+o4Y0j1ZcNrbb2jgGlRXplIG/PDfLkVd/DGowb02ZzopBY8O/Ac1fM7t2m+OJrphmUsSw00Elpid1WxIUi3/X64A6L1VWsldTzOSy6dIbiB2r+8cPdfBewzlP6qvnUMS7fE4QVGaTmZgHYj8xx1mc7NcYTxBjLfFqMmrqhhfrH/AFH74AGYzekdYZGsOWpv2vjOVpFkIvsMYw9ZFM8mxvg04Lkm0ZnUkAesfjc42DAMHXgeI7v4xrRUFNWV+cmQyAxRPMui3a0uqkG4Nh2wb+Bwdl+UQVkeTzK7J19SYGv2rer2lItt2tJvwPfisag2gfYjvGNZaoUcM0p/pGOcpiW2okC97Anx8eOFnTSpWhpUjHrPy7+7/Hhje7xzl0tjzaOWseYxpqbmBv4bj6743XMkNQ9QyDSOFxYk2PA8fecLMg6Pyz5wKGfUqKrsSouGKxs4UNwF7Wv7xjjMMqkkyLKaqJHkMiO7aFY6Ar6bWF9tj2ueOLsZTymdFkX1WFxzwMWaJifDHnRYrLSSKzAAWO/w+3mcE14hjqYmuLWN98bzxz30BLIWkKd9sdVX4ZVxuDxx6ph9JB8fmOOMqvrZJdIB8Pd4YkpMriUZrnsYkSNmp5UQu4S7mSIhQWtuQrfDBWRzRFKCWdwZFq4tGoglYw4Musg2C33GrfieGJmrnLVdSLf1sePiRzGO6Wqmhuqmw7rDA0raOf0SCCdXS2oJMjEXZdTarKf9wMttJW+m3LjhX6a8fV1DTxyUjx2mgLKZA4Q2FrX16wGWQEWFuFt+IKuaSJy/v4c7ED64l0UzR5i9uxFHe/O5YLGPNmufBTg+ji4gamn6UQ5qtTEKWSJlEZk0tGfRyulkOws24OwJI33wiapzCi6P9F3gmEbxdZ1gEoAW8116wBvVK3O98TuXTrFCbi9zx58B98bwzwhpKdxsVNrDny+eAq9ZkpMzmzGimhiiaVzPExUakd7xlVYHrE0sBpXcHu5ZZtWOMlo6KFrLpmUoCuoL1itCG5rbewvwwmoohV5Hlk3cWhPDazMy+fat5Y8qaowyOMOD6UmY10LVmdRs6PARTyKoZLMyvAZdG9yxUTX5nccxhb0maWGmghSeOWnZ2eJo2VrXv2QB2owFtdTa55bYTNmEcieqPj/GONcLqOyL99/4wxmtJQWrake039+GFJELbjG87USV0yhWN2YE7bb/AD+OGuVU8U1tybcrWxEBWosOTVTHYlTp2HG23H3YnOz/AKQmcX1SVA1Ei3AErbvsPIXw16W188eZVNGNSxOi6lK2JC3vYnkTfhxx101jioMryLLBp7MesgG+5AAJ8Tc+62CtJFXMUajz+eO3Yemuo4W/bGcgIjAx26uK0m3Pf98CPMnqK2pyWvp40VihVtGkliSbaltzFtxzGOkp5KugEp2cXDKRYgg8+42sfPGvQCcU3SUQnhIjL5+sv9pHniur6FEz9uH4sIJHtKxF/wBJA8sODXz/ANDkRDtghQLSBha1sUNblkcZa5wH1NKo6snb44tZlZmIitn/ADt9Th7lcjxm3K2BHWMVcy+0fqcFRSw06ma1rC/fwF8RTedyLnHSfqQdmZYr+HAn6nywHnklTnlfmGaRoxgRtAa2yqo2v5b+F8NejuVGSbL83Y6rl2dW5X9XlvzuD34aZpTwZb0TrqSK6jSzbG1yTuPy2NrdwwNISmVaitpYv+Uqg+bAYOzyL0fpDmcR2tO/DuLEj5HD3oXluXy5QlZIgLie6NvcaNNuHK+9jthh0loqNspzGVUXrGGotvckG/E+7gNsSRNFUHL8zpK1d+rcN5X3+V8UXSLNpYM89MJB2/DtvZSNrdx4+d8LsgyuCuy2d2HaJKq1z2dhawvbjhhW5VSSoIdJBVQoa5uAOHPfniiovKs3XNoZKdiOsUXHtL9wbfEYArojHMzcPfY4nKKeTKs1SQ8UYg89uBxZvUJK3aFxhD//2Q==);
}
#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----------------
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link media="all" href="estilos/estilos.css" rel="stylesheet" type="text/css"/>
<!-- lA HE IMPROVISADO, ASI QUE MERITO TIENE EEE (e.e)
-->
<aside class="contenedor">
<li class="filas cabecera"> <div class="columnas cabecera"> <p class="texto lanzamientos">Lanzamientos
</p> <a href="#" class="enlace"> <div id="imagen1" class="imagenes"></div> <div class="bloquePrincipal"> <p class="titulo texto">BLOODBORNE
</p> <p class="plataforma texto">PS4
</p> <p class="texto textFecha">24 MAR
</p> <a href="#" class="enlace"> <div id="imagen2" class="imagenes"></div> <div class="bloquePrincipal"> <p class="titulo texto">EVOLVE
</p> <p class="plataforma texto">PS4 XBONE
<p class="texto textFecha">10 FEB
</p> <a href="#" class="enlace"> <div id="imagen3" class="imagenes"></div> <div class="bloquePrincipal"> <p class="titulo texto">Kirby and the Rainbow curse
</p> <p class="plataforma texto">WiiU
</p> <p class="texto textFecha">20 FEB
</p> <a href="#" class="enlace"> <div id="imagen4" class="imagenes"></div> <div class="bloquePrincipal"> <p class="titulo texto">Resident Evil: Revelations
</p> <p class="plataforma texto">PS3 N3DS WiiU
<p class="texto textFecha">21/24 MAY
</p> <a href="#" class="enlace"> <div id="imagen5" class="imagenes"></div> <div class="bloquePrincipal"> <p class="titulo texto">Project Cars
</p> <p class="plataforma texto">PS4
<p class="texto textFecha">7 MAY
</p> <a href='#' class="enlace"> <p class="texto masJuegos">Mas juegos...
</p> </aside>
(Es html5, así que como no había para HTML5 lo he puesto con el 4 "estricto"
)
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
?