Foros del Web » Creando para Internet » CSS »

Fallo con diseño de taringa

Estas en el tema de Fallo con diseño de taringa en el foro de CSS en Foros del Web. Hola, estoy queriendo poner el diseño de taringa a www.arestaringa.com pero lo que conseguí, me pone una capa gris de unos 5px en la parte ...
  #1 (permalink)  
Antiguo 30/07/2011, 07:12
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.242
Antigüedad: 14 años
Puntos: 73
Fallo con diseño de taringa

Hola, estoy queriendo poner el diseño de taringa a www.arestaringa.com pero lo que conseguí, me pone una capa gris de unos 5px en la parte superior, ¿De donde sale esa capa?

No se por que me aparece, se puede ver en http://arestaringa.com/c.php?mod=mobile


¿Qué creen que puede pasarle?
__________________
:)
  #2 (permalink)  
Antiguo 30/07/2011, 07:34
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Fallo con diseño de taringa

añade esto al reset
Cita:
* {
margin: 0;
padding: 0;
border: none;
position: relative;
}
  #3 (permalink)  
Antiguo 30/07/2011, 08:08
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.242
Antigüedad: 14 años
Puntos: 73
Respuesta: Fallo con diseño de taringa

Lo añadí y quedó así:
Código CSS:
Ver original
  1. /* reset.css */
  2.     html {
  3. margin:0;
  4. padding:0;
  5.  
  6. border: none;
  7. position: relative;
  8. }
  9.     body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Helvetica;vertical-align:baseline;}
  10.     article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
  11.     body {line-height:1.5;background:#;}
  12.     table {border-collapse:separate;border-spacing:0;}
  13.     caption, th, td {text-align:left;font-weight:normal;float:none !important;}
  14.     table, th, td {vertical-align:middle;}
  15.     blockquote:before, blockquote:after, q:before, q:after {content:'';}
  16.     blockquote, q {quotes:"" "";}
  17.     a img {border:none;}
  18.     #emoticons a img {left:0;}
  19.     #emoticons {height:16px; margin:10px 0;}
  20.     :focus {outline:0;}

Pero sigue saliendo ese espacio arriba
__________________
:)
  #4 (permalink)  
Antiguo 30/07/2011, 12:54
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Fallo con diseño de taringa

fíjate que yo usé el selector universal (*) no html ni body
  #5 (permalink)  
Antiguo 30/07/2011, 13:31
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Fallo con diseño de taringa

AplicaWeb:

En primer lugar arregla tu xhtml, que es un caos y está plagado de errores.
En segundo, ese espacio en blanco te lo está generando el ByteOrderMark, más conocido como BOM de utf-8, tu documento se inicia con esto...

 

Leete
http://foros.emprear.com/codificar

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 30/07/2011, 14:02
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Fallo con diseño de taringa

Cita:
Iniciado por emprear Ver Mensaje
En segundo, ese espacio en blanco te lo está generando el ByteOrderMark, más conocido como BOM de utf-8, tu documento se inicia con esto...

definitivamente, voy a tener que dejar de usar la consola firebug y pasarme a la de chrome
  #7 (permalink)  
Antiguo 30/07/2011, 14:10
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Fallo con diseño de taringa

En realidad para eso, no hace falta ninguna consola, desde Firefox
Menu ver/codificacion/iso-8859-1, si la página esta declarada como utf-8, y tiene el BOM, se va a visualizar

y en cuanto a herramientas, mis preferidas

FF + WebDeveloper (http://chrispederick.com/work/web-developer/) + Html Validator (http://users.skynet.be/mgueury/mozilla/)

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #8 (permalink)  
Antiguo 30/07/2011, 14:33
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Fallo con diseño de taringa

Cita:
Iniciado por emprear Ver Mensaje
En realidad para eso, no hace falta ninguna consola, desde Firefox
Menu ver/codificacion/iso-8859-1, si la página esta declarada como utf-8, y tiene el BOM, se va a visualizar
no lo decía por saber la codificación que tenía declarada, sino por que mientras que con firebug sólo se ven unos espacios en blanco (que pueden haber sido dejados por el desarrollador) en chrome se ven los caracteres

gracias por esos dos vínculos. pero como la consola la uso mayormente para validar javascript y ajax, empezaré a probar la de chrome, a ver que tal

Etiquetas: diseño, fallo, taringa
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 16:38.