Foros del Web » Creando para Internet » HTML »

Problema repetitivo, repetitivo, repetitivo

Estas en el tema de Problema repetitivo, repetitivo, repetitivo en el foro de HTML en Foros del Web. Ok, soy nuevo en el foro, soy nuevo tambien en el diseño web, aun asi ya tengo mi paginita llenita y todo (con algunos hoyos ...
  #1 (permalink)  
Antiguo 31/12/2008, 14:13
 
Fecha de Ingreso: diciembre-2008
Mensajes: 4
Antigüedad: 9 años
Puntos: 0
Exclamación Problema repetitivo, repetitivo, repetitivo

Ok, soy nuevo en el foro, soy nuevo tambien en el diseño web, aun asi ya tengo mi paginita llenita y todo (con algunos hoyos negros) pero tengo un problema realmente extraño, tengo en mi web, en el index.. bueno berifiquen por mi el problema porfavor, llevo semanas en esto, muchas gracias, mi web es: www.games-or-games.com

y la hoja de estilos esta asi:
Código:
* {margin:0px ; padding:0px ; border: 0px ; list-style:none}

body {text-align: center}

#global  {width: 800px ; margin: 20px }

#curva-superior { background-image: url(Objetos/curva-superior.gif) ; background-repeat: no-repeat ; width : 800px ; height : 12px ; overflow : hidden ; padding: 50px 0px 0px 0px }


h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.0em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}
h3 {font.size: 0.9em; color:black ; font-weight: none ; text-decoration: none ;     text-align: left}
h5 {font.size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;     text-align: justify}
h4 {font.size: 13px;  color: black; font-weight: none ; text-decoration: underline; text-align: center}
h6 {font.size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;     text-align: left}


ul       { text-align: left}
li       { text-align: left}


a           { color : red ; text-decoration : none  }
a:link      {} 
a:visited   {}
a:hover     { color : blue ; text-decoration : underline }
a:active    { color : blue ; text-decoration : underline }

#cabecera {background-color: white ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: white 1px solid ; height:85px}
     #logotipo   { width:320px ; float: left}
	        #logotipo a         {}
          #logotipo a:link    {}
          #logotipo a:visited {}
          #logotipo a:hover   {background-color: white }
          #logotipo a:active  {}
					
     #publicidad { width:469px ; float: right ; margin-top:25px}
          #publicidad h2 {font.size: 1.2em; color:green ; font-weight: bold ; text-decoration: underline ; text-align: center}

#navegacion { background-image: url(Objetos/barra-menu-superior.png) ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; border-bottom: black 1px solid ; height: 60px; list-style:none}
    #navegacion ul { margin-left: 45px }
          #navegacion li {float:left; margin: 0px 25px 0px 5px ; text-align: center }
					
		#navegacion a           { color : red ; text-decoration : none  ; text-align: center ; display: block}
		#navegacion a:link      {} 
		#navegacion a:visited   {}
		#navegacion a:hover     { color : red ; text-decoration : underline ; text-align: center; display: block ; background-color: #C7C7C7}
		#navegacion a:active    { color : red ; text-decoration : underline ; text-align: center; display: block ; background-color: #A0A0A0}

   

#contenido {background-image: url(Objetos/contenido-fondo.png) ; text:align:left; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px}
          #contenido p {padding: 5px 20px 10px 20px ; text-indent: 15px }
        
				  #contenido h2 {padding: 5px 18px 10px 18px}
				    	#cont1 { float: left  ; padding : 0px 0px 40px 0px ; border-right: black 1px solid }
	  				    #cont2 { float: left  ; border-right: yellow 3px solid}
    		#contenido3 {  float: left ; padding : 10px 0px 10px 0px }     
			#contenido4 {  float: right ;width: 670px  }  
		    	 #contenido4 h3 {text align: left}
   			 #contenido5 { float: left  ; background-image: url(Objetos/contenido-fondo.png)}

	
	#conte1 { background-image: url(Objetos/contenido-fondo.png) ; text-align:justify; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px ; height: 300px}
	 
		#contizqgiant {float: left ; width: 150px ;  border-right: black 1px solid} 
		
		        #contizqgiant a           { color : black ; text-decoration : none  ; background-color:#D9D9D9  ; font-size:9px ; display:block}
				#contizqgiant a:link      {} 
				#contizqgiant a:visited   {}
				#contizqgiant a:hover     { color : gray ; text-decoration : none ; background-color:#FFFFFF ; font-size:9px; display:block}
				#contizqgiant a:active    { color : silver ; text-decoration : none ; background-color:#CAFFFF ; font-size:9px; display:block}
				
		#contizq1 {border-bottom: black 1px solid; float: left }
	
		
#contcentral {float: left ; width: 498px ; text-align: justify }
    						 #contcentral p {text-align: justify ; margin: 5px 10px 5px 10px}
		
		#contdergiant {float: left ; width: 150px ;  border-left: black 1px solid }
				#contdergiant a           { color : black ; text-decoration : none  ; background-color:#D9D9D9  ; font-size:9px ; display:block}
				#contdergiant a:link      {} 
				#contdergiant a:visited   {}
				#contdergiant a:hover     { color : gray ; text-decoration : none ; background-color:#FFFFFF ; font-size:9px; display:block}
				#contdergiant a:active    { color : silver ; text-decoration : none ; background-color:#CAFFFF ; font-size:9px; display:block}

							
		#contder1 {border-bottom: black 1px solid; float: right }
	
		

#menu {width: 150px ; float:right ; margin: 20px 0px 0px 10px ; background-image: url(Objetos/menu-parte-inferior-1.bmp); background-position: bottom ; padding-bottom:5px } 
    				#menu h4 {text-decoration : none ; font-size : 1.0em ; text-decoration: underline ; background-image :url(Objetos/menu-curva-superior-1.bmp) ; padding-top: 10px} 
			#menu ul {text-align: center}
			#menu li {text-align: center ; list-style:none ; margin: 10px 20px ; border-left: blue 8px solid ; border-bottom: blue 3px solid }


#noticia-grande {border-bottom: black 2px}
#noticia-grande h1 { font-size:16px}

#noticia-peq {}
#noticia-peq h1 {font-size:14px}




#curva-inferior { background-image: url(Objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width : 800px ; height : 12px ; overflow : hidden ; margin-left : 0px 0px 100px 0px}





body       { background-color: #E6E6FA ;
             background-image: url(Objetos/fondo-gog.jpg) }
            
img {border-style: none}

.centrado  { text-align:center  }
.left  {text-align:left}













#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px }

#pie li  {text-align: center; list-style: none ; font-size: 12px }
#pie p   { padding: 5px 25px 10px 25px }

#pieuno  { float:left ; width:150px }
#piedos  {background-color: white ; float:left ; width:498px }
#pietres { float:left ; width:150px }

#pie a         {color: blue; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:blue ; font-size: 14px ; text-decoration:underline ; background-color: white ; font-weight: bold }
#pie a:active  {color:blue}



#menu a         { color : red ; text-decoration : none  ; display: block}
#menu a:link    {} 
#menu a:visited {}
#menu a:hover   { color : red ; text-decoration : underline ; background-color : silver ; display: block}
#menu a:active  { color : red ; text-decoration : underline ; background-color : silver ; display: block}

p {text-align : justify}

pre {text-align : center}
El problema esta en la columna izquierda, nose porque pero se repiten unas palabras.



adios y gracias



PD: lo se lose se descuadra en firefox
  #2 (permalink)  
Antiguo 01/01/2009, 06:46
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema repetitivo, repetitivo, repetitivo

Hola Mathias.
Bienvenido a ForosdW
¿qué palabras se repiten a la izquierda? No las veo

¿Me permites unas sugerencias?.
saca la música o pon un botón para apagarla, BIEN visible. Es una mala práctica. Y quizás fuese bueno que pusieses otro fondo menos molesto.

Te pongo una captura de pantalla tanto de ie7 como ff3 para que veas cómo se ve.

Creo que tienes bastante curro por delante,
Comienza por centrar la página, coloca al primer div "margin: 0 auto;"
Ayúdate con estas dos guías de Mikmoro (un capo del html y css)
pequeña guía de migración a XHTML+CSS
Guía de Migración a XHTML+CSS - Parte II

Vete mirando una a una las cosas que te fallan, y si no encuentras la solución no dudes en pasarte por aquí.

Un saludo

Disculpa un poco el tono condescendiente, pero vi que dices en la página que tienes 12 años.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 01/01/2009, 15:20
 
Fecha de Ingreso: diciembre-2008
Mensajes: 4
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema repetitivo, repetitivo, repetitivo

Cita:
Iniciado por kseso? Ver Mensaje
Hola Mathias.
Bienvenido a ForosdW
¿qué palabras se repiten a la izquierda? No las veo
Si pones para que se vean los botones flash se repiten unas letras de la ULTIMA palabra de la COLUMNA IZQUIERDA


Cita:
¿Me permites unas sugerencias?.
saca la música o pon un botón para apagarla, BIEN visible. Es una mala práctica. Y quizás fuese bueno que pusieses otro fondo menos molesto.
Tal vez no hallas visto el boton para apagarla de ABAJO, en cuanto al fondo, lo que pasa es que el fondo de la capa contenido no le da la gana de aparecer (no se porque), si me pueddes ayudar con eso te lo agradeceria mucho, gracias y FELIZ 2009
!!!
  #4 (permalink)  
Antiguo 01/01/2009, 16:08
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema repetitivo, repetitivo, repetitivo

Bueno Mathias
La capa contenido no pone el fondo porque no existe en el html de la página.
Sólamente tienes un comentario indicando que termina, pero se te ha perdido.

Y si miras la captura de pantalla que te coloqué, verás que tal botón no aparece, por eso te lo comentaba.

Y el flash creo tenerlo activado, al menos así me lo indica web developed.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 01/01/2009, 19:08
 
Fecha de Ingreso: diciembre-2008
Mensajes: 4
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema repetitivo, repetitivo, repetitivo

Cita:
Iniciado por kseso? Ver Mensaje
La capa contenido no pone el fondo porque no existe en el html de la página.
Me referia a la capa donde esta el contenido, osea la capa cont1, no se porque no aparece el fondo
  #6 (permalink)  
Antiguo 01/01/2009, 19:26
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema repetitivo, repetitivo, repetitivo

Creo que ya me estoy cansando de buscar y no encontrar, algo que tambien puedes hacer tú si utilizas cualquier herramienta como Firefox+Web developer o firebug

En esl css tienes:
Cita:
#cont1 {
border-right:1px solid black;
float:left;
padding:0 0 40px;
}
y el html
Cita:
<div id="conte1">
Revisa detenidamente tu código.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 05/01/2009, 15:51
 
Fecha de Ingreso: diciembre-2008
Mensajes: 4
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema repetitivo, repetitivo, repetitivo

Me referia a este, no al "cont1", sino al "conte1"
Cita:
#conte1 { background-image: url(Objetos/contenido-fondo.png) ; text-align:justify; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px ; height: 300px}
ayuda!!! S.O.S!!
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 22:17.