Doctypes, CSS, HTML y una pizca de ARGHHH

  • Blackfire
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 03, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 3rd, 2009, 8:22 am

Hola.
Yo solía ser un miembro de aquí a lo largo de tiempo atrás. Creo que mi cuenta se suprimirá desde entonces por estado inactivo por años.

De todos modos, hasta el punto. PLEASE HELP!

Esto va a ser irónico, yo diseño páginas web como un hobbie para las personas, no soy un novato, pero im no sea fantástica. La mayor parte de mi trabajo se hace en photoshop y modificar plantillas gratuitas normalmente.
sólo la actualización de mi propia página web (usando la última versión de WordPress)

Esta es mi doctype
Código: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Si nos fijamos en esta página
http://home.blackfiredesigns.com/asatru

en el explorador de Internet, se ve bien, tomar otra mirada en Firefox, y verá que el menú de cabecera cae por 4 píxeles en la parte inferior de cada imagen.

Ive corrió a través de mi archivo CSS rascarse la cabeza como loco y parece que no puede encontrar dónde está el problema.

Archivo CSS se encuentra aquí
http://home.blackfiredesigns.com/wp-con ... /style.css



Sé que es posible que necesite más información de mi para que me ayude, pero mi cabeza está zumbando ahora mismo y realmente no puedo pensar en qué más puedo escribir.

Gracias de antemano
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 3rd, 2009, 8:22 am

  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Registrado: Mar 28, 2009
  • Mensajes: 305
  • Loc: AFK
  • Status: Offline

Nota Agosto 3rd, 2009, 8:53 am

Trate de añadir esto a tu CSS. Im no positivo que arreglar, pero vale la pena un tiro.

Código: [ Select ]
img {
  display: block;
}
  1. img {
  2.   display: block;
  3. }
Moderator Remark: code tags
Custom Web Design
  • Blackfire
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 03, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 3rd, 2009, 9:15 am

HA, que hace el trabajo, pero sí algo más a algunas de mis fotos también. Así que he añadido un poco más para el código que me dio,

. imghead (display: bloque;)

Entonces creó una clase de mis imágenes en mi cabecera y presto a imghead
Todo es perfecto.

Podría beso ya, lol * metafóricamente hablando, por supuesto, lol *

No puedo creerlo somthing era tan simple. Apuesto w3c validator tiene un día de campo con mi sitio THO. jajaja


MUCHAS GRACIAS
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Registrado: Mar 28, 2009
  • Mensajes: 305
  • Loc: AFK
  • Status: Offline

Nota Agosto 3rd, 2009, 9:36 am

Esto explica lo que pasó mejor que puedo.

http://www.schoonzie.com/rogue-padding-below-images

Sólo en caso de que se lo pregunte.
Custom Web Design
  • Blackfire
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Ago 03, 2009
  • Mensajes: 6
  • Status: Offline

Nota Agosto 3rd, 2009, 9:47 am

gracias de nuevo por el enlace, pero después de que lo ordenan, lo hice un poco de mirar en el fondo de pantalla img bloque i y la encontró

http://www.quirksmode.org/css/quirksmode.html

bajo el título
Complicación: casi el modo estricto
en la parte inferior.

después de mirar a través de mi css y html, me di cuenta que era la que se doctype cuasing el problema, yo no sabía por qué, pero debo hacer ahora

de nuevo, muchas gracias.

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 128 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC