Foros del Web » Creando para Internet » CSS »

Problema con no se qué

Estas en el tema de Problema con no se qué en el foro de CSS en Foros del Web. Hola gente, estoy haciendo una web y se me superpone una imagen, que en teoría tenía que ir de fondo aunque fuera un img porque ...
  #1 (permalink)  
Antiguo 25/04/2010, 14:57
Avatar de _cronos  
Fecha de Ingreso: abril-2010
Mensajes: 135
Antigüedad: 7 años, 8 meses
Puntos: 1
Problema con no se qué

Hola gente, estoy haciendo una web y se me superpone una imagen, que en teoría tenía que ir de fondo aunque fuera un img porque le puse width y height 100% pero q solo le fuinciona el width; sobre el texto, ya les puse z-index a los 2 pero no me funciona, ¿alguien sabe donde está el problema?

Código HTML:
Ver original
  1.  <head>
  2.   <title>A</title>
  3.  </head>
  4.  <body>
  5.   <img src="http://i44.tinypic.com/27y5mxh.jpg" border="0" alt="Fondo"
  6.  
  7. style="height:100%; width:100%; z-index:2; position: absolute;">
  8.   <div style="font-weight: bold; z-index:1; width:100%; height:100%;
  9. position:relative;">
  10.   <center><span style="font-size:44px; font-family: Algerian; color:
  11. #FF0000;">SEMIDIOSES</span><br>
  12.   <span style="font-size:24px; font-family:'Colonna MT'; color:
  13. #000000;">La Cantera de los DIOSES -GOD-<br>
  14. Somos la cuna de los grandes guerreros que rinden culto a  los dioses
  15.  
  16. de la mitología griega, grandes dioses con poderío y que han dejado una
  17.  
  18. historia hasta nuestros días.
  19. Con grandes ideales que incluyen la bondad, el apoyo, y el honor, pero
  20.  
  21. también poseemos  la inclemencia con aquellos que dentro de la
  22.  
  23. ignorancia de su sed de poderío sucumben a los males del mundo: la
  24.  
  25. codicia, la avaricia, la lascivia, la maldad y el egoísmo.
  26. Aquí enseñamos las tácticas para llegar a ser grandes dioses guerreros
  27.  
  28. para crecer y permanecer en la inmortalidad de los días…<br>
  29. ¿El gran premio? ¡¡El honor de que nadie podrá ensuciar jamás  nuestros
  30.  
  31. nombres y nuestras ciudades por falta de humildad, bondad, honor,
  32.  
  33. temple y fortaleza para acabar con aquellos que pretenden o han
  34.  
  35. pretendido dañar el buen nombre de los dioses de la antigua
  36.  
  37. Grecia!!</span><br>
  38.  <span style="font-size:28px; font-family: Algerian; color: #000000;">
  39.  COMPROMISOS DE LA ALIANZA</span><br>
  40.  <span style="font-size:24px; font-family:'Colonna MT'; color:
  41. #000000;">
  42.  -Ofrecer apoyo y asesoría militar en cuanto a ataques y saqueos.<br>
  43.  -Ofrecer apoyo económico (provisión de algún recurso necesario para
  44.  
  45. crecer).<br>
  46.  -Ayuda, información y apoyo en cuanto a dudas sobre cualquier tema en
  47.  
  48. particular para avanzar en el juego.</span><br>
  49.  <span style="font-size:28px; font-family: Algerian; color:
  50. #000000;">REGLAS DE LA ALIANZA</span><br>
  51.  <span style="font-size:24px; font-family:'Colonna MT'; color:
  52. #000000;">-Respeto mutuo entre todos los miembros de la alianza.
  53. -Colaboración y ayuda mutua entre todos los miembros.<br>
  54. -Conectarse mínimo una vez al  día ( por lo menos para ver los mensajes
  55.  
  56. dirigidos a toda la alianza) y ser activo en todo momento.<br>
  57. -Solucionar los problemas por medio del diálogo y dejar la violencia
  58.  
  59. como última solución y hacerle saber a los miembros  de los altos
  60.  
  61. cargos de la cantera la situación en todo momento para que ellos se
  62.  
  63. encarguen de tomar las medidas pertinentes a cada caso.<br>
  64. -Acatar las decisiones tomadas por los mismos.<br>
  65. -Respetar los acuerdos de paz con otras Alianzas tanto de la cantera
  66.  
  67. como de la Alianza principal.</span><br>
  68.  <span style="font-size:28px; font-family: Algerian; color:
  69. #000000;">REQUISITOS PARA UNIRSE A LA ALIANZA</span><br>
  70.  <span style="font-size:24px; font-family:'Colonna MT'; color:
  71. #000000;">
  72. -Poseer más de 500 puntos totales.<br>
  73. -Cambiar vuestro nombre por el de algún dios (preguntar al diplomático
  74.  
  75. las opciones que hay para escoger y así evitar la repetición de
  76.  
  77. alguno).<br>
  78. -Ser activo y tener ganas de crecer.<br>
  79. -No pertenecer a ninguna otra alianza ni encontrarse en conflicto con
  80.  
  81. ninguna.<br>
  82. -Estar dispuesto a acatar las reglas para así permitir un mejor
  83.  
  84. desenvolvimiento de la alianza.<br>
  85. Si estas de acuerdo con estas condiciones ya formas parte de la alianza
  86.  
  87. </span><br>
  88.  <span style="font-size:24px; font-family: Algerian; color:
  89. #000000;">SEMIDIOSES</span><br>
  90.  <span style="font-size:28px; font-family: Algerian; color:
  91. #000000;">¡BONDAD, HONOR Y CAUSA ES NUESTRO LEMA!<br>
  92. SEMIDIOSES</span><br>
  93.  <span style="font-size:24px; font-family:'Colonna MT'; color:
  94. #000000;">¡¡¡El primer paso para llegar al Olimpo!!!</span>
  95.   </center>
  96.   </div>
  97.  </body>
  98. </html>

Ya sé que se podrían usar clases e ids pero no los puedo usar, muchas gracias (:
  #2 (permalink)  
Antiguo 25/04/2010, 19:53
 
Fecha de Ingreso: enero-2009
Mensajes: 16
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Problema con no se qué

Saludos.

Me resulta un poco extraño tu codigo, existen varias maneras un poco mas "limpias" de poder hacerlo.

Aunque nose cuales serán tus requerimientos pero creo que el problema radica en los siguientes puntos

1 - El Z-index de la imagen debe ser inferior, menor numero "mas atras"

2 - Para que funcione el 100% debes colocar el tamaño del html y el body en 100% y sin margenes ni padding para que quede mas "limpio"

Aqui tengo tu codigo con los arreglos

Código HTML:
<html>
 <head>
  <title>A</title>
  <style type="text/css"> 
html, body{
	width:100%;
	height:100%;
	overflow:hidden; 
	margin:0; 
	padding:0;
}
</style> 
 </head>
 <body>
  <img src="http://i44.tinypic.com/27y5mxh.jpg" border="0" alt="Fondo" style="height:100%; width:100%; z-index:1; position: absolute;">
  <div style="font-weight: bold; z-index:2; width:100%; height:100%; 
position:relative;">
  <center><span style="font-size:44px; font-family: Algerian; color: 
#FF0000;">SEMIDIOSES</span><br>
  <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">La Cantera de los DIOSES -GOD-<br>
Somos la cuna de los grandes guerreros que rinden culto a  los dioses 
 
de la mitología griega, grandes dioses con poderío y que han dejado una 
 
historia hasta nuestros días.
Con grandes ideales que incluyen la bondad, el apoyo, y el honor, pero 
 
también poseemos  la inclemencia con aquellos que dentro de la 
 
ignorancia de su sed de poderío sucumben a los males del mundo: la 
 
codicia, la avaricia, la lascivia, la maldad y el egoísmo.
Aquí enseñamos las tácticas para llegar a ser grandes dioses guerreros 
 
para crecer y permanecer en la inmortalidad de los días…<br>
¿El gran premio? ¡¡El honor de que nadie podrá ensuciar jamás  nuestros 
 
nombres y nuestras ciudades por falta de humildad, bondad, honor, 
 
temple y fortaleza para acabar con aquellos que pretenden o han 
 
pretendido dañar el buen nombre de los dioses de la antigua 
 
Grecia!!</span><br>
 <span style="font-size:28px; font-family: Algerian; color: #000000;">
 COMPROMISOS DE LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">
 -Ofrecer apoyo y asesoría militar en cuanto a ataques y saqueos.<br>
 -Ofrecer apoyo económico (provisión de algún recurso necesario para 
 
crecer).<br>
 -Ayuda, información y apoyo en cuanto a dudas sobre cualquier tema en 
 
particular para avanzar en el juego.</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">REGLAS DE LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">-Respeto mutuo entre todos los miembros de la alianza.
-Colaboración y ayuda mutua entre todos los miembros.<br>
-Conectarse mínimo una vez al  día ( por lo menos para ver los mensajes 
 
dirigidos a toda la alianza) y ser activo en todo momento.<br>
-Solucionar los problemas por medio del diálogo y dejar la violencia 
 
como última solución y hacerle saber a los miembros  de los altos 
 
cargos de la cantera la situación en todo momento para que ellos se 
 
encarguen de tomar las medidas pertinentes a cada caso.<br>
-Acatar las decisiones tomadas por los mismos.<br>
-Respetar los acuerdos de paz con otras Alianzas tanto de la cantera 
 
como de la Alianza principal.</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">REQUISITOS PARA UNIRSE A LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">
-Poseer más de 500 puntos totales.<br>
-Cambiar vuestro nombre por el de algún dios (preguntar al diplomático 
 
las opciones que hay para escoger y así evitar la repetición de 
 
alguno).<br>
-Ser activo y tener ganas de crecer.<br>
-No pertenecer a ninguna otra alianza ni encontrarse en conflicto con 
 
ninguna.<br>
-Estar dispuesto a acatar las reglas para así permitir un mejor 
 
desenvolvimiento de la alianza.<br>
Si estas de acuerdo con estas condiciones ya formas parte de la alianza 
 
</span><br>
 <span style="font-size:24px; font-family: Algerian; color: 
#000000;">SEMIDIOSES</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">¡BONDAD, HONOR Y CAUSA ES NUESTRO LEMA!<br>
SEMIDIOSES</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">¡¡¡El primer paso para llegar al Olimpo!!!</span>
  </center>
  </div>
 </body>
</html> 
  #3 (permalink)  
Antiguo 27/04/2010, 12:40
Avatar de _cronos  
Fecha de Ingreso: abril-2010
Mensajes: 135
Antigüedad: 7 años, 8 meses
Puntos: 1
Respuesta: Problema con no se qué

Vale ya me funciona, al final saque un ejemplo de http://zoneartcss.com/ejemplos/css/redimencionar_fondo_css/imagen_redimensionada.html

Bueno, lo de ya me funciona es relativo, porque la página hecha sí funciona, pero yo la meto dentro de otra página que no es mía, y esa página no deja hacer clases ni id's, y es por eso que no las había en el código original, a mí tampoco me gusta trabajar así, pero bueno; y allí no funciona lo que se ve en la página esta de los ejemplos así que al final opté por poner un fondo normal y corriente y a correr, pero gracias igualmente y perdón por tardar en contestar.

Saludos (:

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:38.