elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: (TUTORIAL) Aprende a emular Sentinel Dongle By Yapis


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Resuelto] problema CSS
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Resuelto] problema CSS  (Leído 3,455 veces)
sowi12

Desconectado Desconectado

Mensajes: 39


Ver Perfil
[Resuelto] problema CSS
« en: 17 Agosto 2015, 19:43 pm »

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 ;)


« Última modificación: 18 Septiembre 2015, 20:44 pm por #!drvy » En línea

Randomize
Colaborador
***
Desconectado Desconectado

Mensajes: 20.599


Beautiful Day


Ver Perfil
Re: problema CSS
« Respuesta #1 en: 17 Agosto 2015, 19:47 pm »

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

Tendrás que volver a trabajar...


En línea

MNicolas

Desconectado Desconectado

Mensajes: 127


Developer


Ver Perfil WWW
Re: problema CSS
« Respuesta #2 en: 18 Agosto 2015, 14:33 pm »

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á.
En línea

sowi12

Desconectado Desconectado

Mensajes: 39


Ver Perfil
Re: problema CSS
« Respuesta #3 en: 27 Agosto 2015, 16:07 pm »

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
En línea

exploiterstack

Desconectado Desconectado

Mensajes: 102


Ver Perfil
Re: problema CSS
« Respuesta #4 en: 28 Agosto 2015, 09:30 am »

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!
En línea

sowi12

Desconectado Desconectado

Mensajes: 39


Ver Perfil
Re: problema CSS
« Respuesta #5 en: 13 Septiembre 2015, 18:55 pm »

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
  1.  
  2. /*************************CAJA PRINCIPAL***********************/
  3. .contenedor{
  4. width: auto;
  5. height: auto;
  6. margin: 0;
  7. padding: 0;
  8. float: right;
  9. right: 500;
  10.    font-size: 0.8125em;
  11.    background-color: #333333;
  12.    border-radius: 15px;
  13. }
  14. /************UL Y UL:HOVER (PASANDO EL RATON POR ENCIMA)********/
  15. .calendar{
  16. background: #222;
  17. padding: 0;
  18. margin: 0;
  19. display: block;
  20. position: relative;
  21. top: 0;
  22. border-radius: 15px;
  23.    width: auto;
  24.    height: auto;
  25. }
  26. .calendar:hover{
  27. background: -webkit-linear-gradient(bottom, #000, #00cc33);
  28. background: -ms-linear-gradient(bottom, #000, #00cc33);
  29. background: -moz-linear-gradient(bottom, #000, #00cc33);
  30. background: -o-linear-gradient(bottom, #000, #00cc33);
  31. padding: 0;
  32. margin: 0;
  33. display: block;
  34. position: relative;
  35. top: 0;
  36. width: auto;
  37. height: auto;
  38. border-radius: 15px;
  39. }
  40.  
  41. /*los efectos DEL ENLACE al pasar la flecha por encima */
  42. .contenedor > ul li div>a:hover, .contenedor > ul li div:hover>a.enlace{
  43. color: #ffffff;
  44. text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  45. background: #000000;
  46. background: -webkit-linear-gradient(bottom, #000000, #00cc33);
  47. background: -ms-linear-gradient(bottom, #000000, #00cc33);
  48. background: -moz-linear-gradient(bottom, #000000, #00cc33);
  49. background: -o-linear-gradient(bottom, #000000, #00cc33);
  50. border-color: transparent;
  51. }
  52.  
  53. /************ TODOS LOS "LI" *****************************/
  54. .filas{
  55. width: auto;
  56. height: auto;
  57. margin: 0;
  58. list-style: none;
  59. }
  60.  
  61. /**********************ENLACES****************************/
  62. .enlace{
  63. display: inline-block;
  64. position: relative;
  65. width: 300;
  66. height: 100;
  67.    text-decoration: none;
  68.    border-top: 1px solid #111111;
  69.    border-bottom: 1px dotted #1b1b1b;
  70.    border-radius: 15px;
  71.    /* Background y efectos */
  72.    background: #282828;
  73. }
  74.  
  75.  
  76. /********************IMAGENES******************************/
  77. #imagen1{
  78. background-image: url(data:image/jpeg;base64,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);
  79. }
  80. #imagen2{
  81. background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhMUExMVFRUWGR8YGRYYGR0fHhweIBkWIhofHx0kIygjHSElHxoYIj0tMSkrLi4xIB84ODM4NzQtLiwBCgoKDgwOGBAQFywkHBwsNyw2LCwsNSwsLDcsLDc3LCwsKzcvLCw0LC0uLCwsNDc3LC0yLSsvNzcsNDQsNTgvLP/AABEIAGYAZgMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAAFBgADBAIBB//EADoQAAIBAgQEBAQEBAUFAAAAAAECEQMhAAQSMQUiQVEGE2FxMoGRoRSx0fAHI0LBFjNSU/EVYnKi4f/EABoBAQEBAQEBAQAAAAAAAAAAAAEAAgMFBAb/xAAqEQACAQIEBAYDAQAAAAAAAAAAAQIDEQQhMaFBUXGRBRITIlJhMtHwFP/aAAwDAQACEQMRAD8A+RcMyLVn0KQDBaTtbG9+BMEZxURgq6ratvSRijgebWlU1uDpKsvLvf3wXoZml5dQIKrTTZZYKABAkkj5fXHCpKqpe3T+uejhqeFdK9R+7Pj2yM48MP8A7lPcAiTuYgbeuKxwIxJqIvMywdW6kg7DDAM5TNRahV9cRptEgGCfUAn646SiRBJZCC7hhp2czBBkztjkp4jlsfXKj4fwlu/rpwuL44C8wKlPTCtqvEMSB07jFfFOA1KKa2ZSJAtM3wzJlOVrsECKge12Vnb2k4ycaJNEIWZ2Z/6tPLpiZiBefW4ONRlX86vpfkc50sAqUnF+62WfHlbsKL0HAkqQBE/Pb64KpwRiB/MpgkBo5iYO2wxDTY0whEFSV268wUE9wLD3xf8Ai6LeUxFaWVVsFg6ZHXHWo6iSsfJh4YZyfm0y1duvbJHp8I1v9dP7/pjn/B9b/XT+/wCmDaeJKZ1cjyto5ZPtfHB8U0rclTm2MLH1nHxepjOWx7X+fwf57sDf4Prf66f3/THLeEK82KH1k/pgy/iykJlKgI6ELP544HjCl/t1P/X9cPqYv47A8N4R893+hMqUyGZT0JH0OJi7NNzMe7E/UnEx6a0zPzMrXdtD2lS/T64K5SoBE3B/tMAHbrgfkyZEGDaCBtHXBrK5XVsTtpIi5JmL3/XCBr4bQNQETAW+5i+/07+uC+XyLudFMszAQzHoJ2UmAetz98ccFmDCtAB2aNiNNjtf5+nYlwhqbhmcBWksWmBsCQTF9MbEWvGC4Cf4nzIpqiIwJ+Jrgsp5hp1CJHXbtjX4dyTVqdMhwKgbbctc6NW/9Qm+355K/D6uYcjUGLL5hcgghdRFxPpMeuGPwfljSGZy5VmIYQZhWhS4WGI5mBJEDYH3xCVVqApU2VjTLuCAGU6hMy0wYix6kwBY7Cl4ENAEMbyhg9WmCY9sO+arI7aRRIELCIDbsY/+i/Qi2OKmSVFFbTAuWeQWM2Cnf0EX7YiEOtkgrMxOkFQOYTttA69sV08irAkXQ/bbb3398Y8rn6qV3VjapKHX0E2PoQAPvhoocNDUUZYAqS9+vMBA9ojEAo5zKkuEEco1THTpI74yVUAI9MOdXhYXUY35j/YenQYTc0C7nSLC37++EimrfEx2ae82OJiEuoW9bgj97dcM/CazEqqsTqIHWDt/a3X5YU8q41LIm/1w6cGJqMIDPAN0EnYwB0/4xAMi0WWnqIAQBnlZjVps2/YESe4+XFOkzKo06WIUgqrlIBAGtVJmDG/UAYgzDeUghSnlnUgBNwRoH0n3xxlK9RhrpEOFBMgHWpMyVab6QdjuTE4rBcS+E8YehXreRT86eUFgxYBRBsbibzPfHWS8Tulb/LFPW6lzLEjcMwJNpUleuCPh7htaaoVBVltepSLE3GpgYWwLEE9cc8b4UHpq5dFAAMhSbHeSOW18BoeqdVFenWarCMgFwL6ZjVYWIa0bWxZQzBNLNDS1MMWINQaT3BYbC/pOxxk8DU0rUTREOiNAOvUFUg6US8SSCTPcC+Bvj3idXLilSpjUXYga+aNOkm0CdwL9CO+ABLy2V1CojU5q+YVLXLHU2wOrTEX9fXD5wfhjJSUPp8wShvMhSACo3jb01Me+Eni3A80i/iKlTU40syXBE2AA2iLW6Yb+EcW/FZKs5TSyljpEsdIVWDMQL3DCYHUDacQhPN5NKgK/EIvexm4274QOM0UpudIgEERHXp7AYYvBfE/NpQWl50tHxAdGI6SLe4xl8T0Aw5Y6C3UyQAPlOFAIWbmAZ3nHuLqlCCbyRvP5Y9wiVZWpyldIv1/fywy+Gs4EYzJEdDf1wu0XAEm026Wn9jB/g9RAeZipu0jb0/OcKMsbKOfLv/J002eU0kgqW09eiABhe2w64YuEcNBVqVJzKC723/qhI32HQD5YWeDhYKhVLu55wwITqFMGVkAEzG84Z8hoosQKgWCxEEONIiBbcxAAkdMDJHzriGmnm6tIMUpllqcwuzaABHoObqBY4L1OIItOSKaSQDK6i9ugPSCdrDAX+INAfiEamphLFzMNzHbpK3UqDMyN8d52o3kJTUALPMzIwBi86zZYEWxk0M38K3FMZxmC06ZZXBbosHUAPtM9u+E6vxAVc4aoBFKmdAJOofE11UwQpnYbfbG3gnFq2Vy+ZCoKv4iFVkKkoxDDb4j8QItuMXNwvzVV6bUQAgPlqpDKeqlTzg7XiD3wkV8ZR2oNUp1F8sHy4kTpn4rmf6gfScFKuVbLZLMCkCBCUnI5lmoCxYkiZgoI6T7YAf8AR6xYUoZfNPljSjHrfaSQASScFeO1XZ6uTo1AMvSgtKi55QZOzXWSY3MYCAvg4FarhDqHlkkwQOUggbdT/fB3iFTQNpNzfpP6zGOuEZakckzjStQOyFlcCdM8yjYKQQsdW1XG2B/Fc6PKXTEwBBmVFiYHXff13wkLmYMkyI/4GJj2tvc+v73x7hAy06YZRp1AjctBHyGLsjm+ZQSB0IA398C0fGikSGGkgEQZ7fbEVhn4Txz8NXreYGZKpEoLXBtB2F4HT3w68KzuTd201gttazYqQLgGJJAExzCwN8fOM0y1KADn+cvMCWF1tNgbmL7Til6NIqClVhoAIE3O2x6HeMBDR4mz1Nmy6FahUGUvDqgKfFA+IwSD6k7QWH8V4HmdUVy6ymtE18iAyTO9/wBzizK5WklfKkvq89ZNRuYioTCiPQae+5w75vwotRWZ2bUqhQTPwi5gCPbA2In8O8D06iqwrmmYO5AiDcT0g/XFecyOYoMr1a+pVcfzB8aSQAwJ6H6ETOOuLZuvRpeUpCg6gw08xkyNUmSReO0n0xjpcYFbKGi/NVmVHQ+k9SZ2xETi2fr06wIqebVdSFYwCkyJseU7NaAbbiRjBXDJCVACX3Yk976h1ufztgzWzqN+HIRVekCjMQSW5YHSCIv0NsZRR/E5tdWp0WAAsH+qYnltA63wkMGQVFy3KtQCtU1qDpVAAdA/7mmJ6C+xwJ42FUgaSSBb22k9pIOCHEM6t5sIgXHT4SLtsLfK18L/ABF6mkuzWey3FwJiew3OIAdmaQkRjzFAYtdtumJhI28D8LVc1TL02RQDp5tX9lIxqzvhDMZdGqtUpwm+nWD07qBg54GzuYo5BnoKjFq7U4NJHJfyy1MSxgKSrgxckrF8FPES1KuWztZX1ZcBSsj4hV0tS0CAECfzFMGTae5yaEtHp1oFSWeDeIPTeLGB19px7mOFqpLBgzSIVRyuLAWuQxM2NjHecUcKzSKX1HSCoAgDoZ94wwZbMU4NtbPHVRfv3UrY6rEG840ZFujnylVdC6NDSqm7A9p9L9Bh0yfj+sv+aENx/TzdBsDB+h/LC3muEg1SWdlLXkywm9id+kTjt8iVNNLVGYzKkgJDD4iwA6z2AwCMXHOH1vJbMVqtLnBhfhPSBCi8SJNtr4T87VVgKkj4ZOwv2jDLW4bUzC66mYpqqAgIpZie4BgASREwY+WBVTgQq1yoSqlFFkknzJjUbFQJBkCwn0xEAsnSaoYWwkanJFt77j1wf4FmloqzaSe5OoT2vE3Bn0/NnFCk1MlcuAZAWiifEVsHOkSxMje23viilwbL1cvVennKJeCp85HpgGQWAdyNjyyJjtiIA8R4oGBVTIm5jew/WN+mBFelUdVn4IOmT0H5dsWUlDMqqZLEKABMmbR3Bw+5v+HjplwHzI1EhQnlkNeSYBgm25gWGMyqRhqdKdGdT8V9Hy5XEfs4mNniLhq5esaQqeYQoLGIgnpE9oPzxMMZKSuuJmcHCTjLVG/wx40OTpeWEYjzBUMNAJG3sRYzvbGzjf8AEWpmqDUHFSGAAl5A722vv6dMTExAKIqQQcb8rnXQllN433NsTEwgacpxMkqry0zue+9sM/DqS1E+AW5yZuYEx7GIjbqZx7iYGRfnQadNkVjpME9zOy/+IA6QTJxjzVV2WmAQumDYbkifkBbHmJiQHQ4/5DAGklWECkVACCbGb/L6Yj+MqISPwVAjcUyi6JkXiNxG++JiYbCBK/HQ2YWsKKUtK6QtIBQCCSGsN7/YYZcp/Fl6VEUWotUEVAzmodeptmVoldItbfHuJjLppu52hi6kI+mrWvfTj1PnGbzRqOztcsZJOJiYmFZKxlvztyerP//Z);
  82. }
  83. #imagen3{
  84. background-image: url(data:image/jpeg;base64,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);
  85. }
  86. #imagen4{
  87. background-image: url(http://edgecast.buscafs.com/www.levelup.com/public/uploads/images/290806_123x154.jpg);
  88. }
  89. #imagen5{
  90. background-image: url(http://edgecast.buscafs.com/www.levelup.com/public/uploads/images/60560_123x154.jpg);
  91. }
  92.  
  93. /******TEXTO EN GENERAL******************************/
  94. .texto{
  95. margin: 0;
  96. font-family: Helvetica, Arial, sans-serif;
  97. color: #d8d8d8;
  98. text-decoration: none;
  99. text-transform: uppercase;
  100. text-shadow: 4px 1px 5px #000;
  101. font-size: 13px;
  102. font-weight: 300;
  103. }
  104. /********TAMAÑO DE LAS IMAGENES**********************/
  105. .imagenes{
  106. border-radius:200px;
  107. width: 80px;
  108. height: 80px;
  109. background-repeat: no-repeat;
  110. float: left;
  111. left: 5;
  112. top: 10;
  113. position:relative;
  114. }
  115. /*****LOS DIVS QUE SUJETA TODO EL CONTENIDO DE CADA
  116. APARTADO DE LA LISTA**************************/
  117. .columnas{
  118. width: auto;
  119. height: auto;
  120. position: relative;
  121. }
  122. /*****ETIQUETA QUE MODIFICA LA INFO DEL JUEGO*********/
  123. .bloquePrincipal{
  124. width: 210;
  125. height: 100;
  126. float: right;
  127. clear: left;
  128. position:relative;
  129. bottom: 81;
  130. }
  131. /*****SUJETA EL TITULO Y LA PALTAFORMA*******/
  132. .bloque{
  133. float: left;
  134. width: 150;
  135. height: 99;
  136. position: relative;
  137. }
  138. /*ETIQUETA DE TITULOS*/
  139. .titulo{
  140. margin-top: 15;
  141. float: left;
  142. width: 149;
  143. height: 60;
  144. position: relative;
  145. }
  146. /*ETIQUETA DE PLATAFORMAS*/
  147. .plataforma{
  148. margin-top: 10;
  149. float: left;
  150. clear: left;
  151. width: 149;
  152. height: 15;
  153. color: #CC0000;
  154. bottom: 20;
  155. position: relative;
  156. }
  157. /*ETIQUETA DE FECHA*/
  158. .fecha{
  159. float: left;
  160. width: 60;
  161. height: 100;
  162. position:relative;
  163. }
  164. /*POSICION DE LA FECHA*/
  165. .textFecha{
  166. top: 40;
  167. position: relative;
  168. }
  169. /******POR SI HAY ALGUN TITULO MUY LARGO
  170. HARIA QUE ADAPTARLO****************
  171. .titulo2{
  172. float: left;
  173. width: 149;
  174. height: 30;
  175. position: relative;
  176.  
  177. }
  178. .plataforma2{
  179. float: left;
  180. clear: left;
  181. color: #CC0000;
  182. position: relative;
  183. }
  184. .fecha2{
  185. float: left;
  186. top: 18;
  187. position:relative;
  188. }*/
  189.  
  190. /*ETIQUETA DE MAS JUEGOS*/
  191. .masJuegos{
  192. float: right;
  193. position: relative;
  194. top: 40;
  195. right: 75;
  196. font-size: 20;
  197. }
  198. /*ETIQUETA DE LA CABECERA*/
  199. .cabecera{
  200. position: relative;
  201. width: 300;
  202. height: 60;
  203. }
  204. /**ETIQUETA DE LANZAMIENTOS**/
  205. .lanzamientos{
  206. position: relative;
  207. width: 300;
  208. font-size: 30;
  209. clear: left;
  210. left: 35;
  211. top: 10;
  212. }
  213.  
  214.  

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

Código
  1.  
  2.  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  3.  <title>ranking</title>
  4.  <script src="estilos/modernizr.js"></script>
  5.  <link media="all" href="estilos/estilos.css" rel="stylesheet" type="text/css"/>
  6.  <style type="text/css">
  7.  
  8.  </style>
  9. </head>
  10. <!-- lA HE IMPROVISADO, ASI QUE MERITO TIENE EEE (e.e)
  11. -->
  12.  
  13. <aside class="contenedor">
  14. <ul class="calendar">
  15. <li class="filas cabecera">
  16. <div class="columnas cabecera">
  17. <p class="texto lanzamientos">Lanzamientos</p>
  18. </div>
  19. </li>
  20. <li class="filas">
  21. <div class="columnas">
  22. <a href="#" class="enlace">
  23. <div id="imagen1" class="imagenes"></div>
  24. <div class="bloquePrincipal">
  25. <div class="bloque">
  26. <p class="titulo texto">BLOODBORNE</p>
  27. <p class="plataforma texto">PS4</p>
  28. </div>
  29. <div class="fecha">
  30. <p class="texto textFecha">24 MAR</p>
  31. </div>
  32. </div>
  33. </a>
  34. </div>
  35. </li>
  36. <li class="filas">
  37. <div class="columnas">
  38. <a href="#" class="enlace">
  39. <div id="imagen2" class="imagenes"></div>
  40. <div class="bloquePrincipal">
  41. <div class="bloque">
  42. <p class="titulo texto">EVOLVE</p>
  43. <p class="plataforma texto">PS4 XBONE
  44. WINDOWS</p>
  45. </div>
  46. <div class="fecha">
  47. <p class="texto textFecha">10 FEB</p>
  48. </div>
  49. </div>
  50. </a>
  51. </div>
  52. </li>
  53. <li class="filas">
  54. <div class="columnas">
  55. <a href="#" class="enlace">
  56. <div id="imagen3" class="imagenes"></div>
  57. <div class="bloquePrincipal">
  58. <div class="bloque">
  59. <p class="titulo texto">Kirby and the Rainbow curse</p>
  60. <p class="plataforma texto">WiiU</p>
  61. </div>
  62. <div class="fecha">
  63. <p class="texto textFecha">20 FEB</p>
  64. </div>
  65. </div>
  66. </a>
  67. </div>
  68. </li>
  69. <li class="filas">
  70. <div class="columnas">
  71. <a href="#" class="enlace">
  72. <div id="imagen4" class="imagenes"></div>
  73. <div class="bloquePrincipal">
  74. <div class="bloque">
  75. <p class="titulo texto">Resident Evil: Revelations</p>
  76. <p class="plataforma texto">PS3 N3DS WiiU
  77. XB360 WINDOWS</p>
  78. </div>
  79. <div class="fecha">
  80. <p class="texto textFecha">21/24 MAY</p>
  81. </div>
  82. </div>
  83. </a>
  84. </div>
  85. </li>
  86. <li class="filas">
  87. <div class="columnas">
  88. <a href="#" class="enlace">
  89. <div id="imagen5" class="imagenes"></div>
  90. <div class="bloquePrincipal">
  91. <div class="bloque">
  92. <p class="titulo texto">Project Cars</p>
  93. <p class="plataforma texto">PS4
  94. XBONE WINDOWS LINUX</p>
  95. </div>
  96. <div class="fecha">
  97. <p class="texto textFecha">7 MAY</p>
  98. </div>
  99. </div>
  100. </a>
  101. </div>
  102. </li>
  103. <li class="filas">
  104. <div class="columnas">
  105. <a href='#' class="enlace">
  106. <p class="texto masJuegos">Mas juegos...</p>
  107. </a>
  108. </div>
  109. </li>
  110. </ul>
  111. </aside>
  112.  
  113.  

(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  :-\ :-\?
« Última modificación: 14 Septiembre 2015, 12:56 pm por sowi12 » En línea

sowi12

Desconectado Desconectado

Mensajes: 39


Ver Perfil
Re: problema CSS
« Respuesta #6 en: 13 Septiembre 2015, 19:09 pm »

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  :-\ :-\?
En línea

sowi12

Desconectado Desconectado

Mensajes: 39


Ver Perfil
Re: problema CSS
« Respuesta #7 en: 14 Septiembre 2015, 18:46 pm »

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???
En línea

str_null

Desconectado Desconectado

Mensajes: 16



Ver Perfil
Re: problema CSS
« Respuesta #8 en: 16 Septiembre 2015, 03:09 am »

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
En línea

Las aulas educan pero el tiempo enseña
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
problema resuelto gracias.
Multimedia
morbid 0 1,339 Último mensaje 31 Enero 2006, 19:56 pm
por morbid
[Resuelto] Problema con while
Programación C/C++
Rhertz 1 2,180 Último mensaje 1 Mayo 2011, 02:44 am
por Rhertz
[RESUELTO] Problema con CSS
Desarrollo Web
Miseryk 3 2,258 Último mensaje 28 Agosto 2013, 19:04 pm
por itzg3
[Resuelto] problema con anclaje
Desarrollo Web
basickdagger 2 1,593 Último mensaje 5 Octubre 2015, 23:07 pm
por basickdagger
[RESUELTO] Problema con condicion IF ELSE en PHP
Desarrollo Web
rodrigoandres91 2 1,778 Último mensaje 15 Noviembre 2015, 17:52 pm
por rodrigoandres91
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines