Foros del Web » Creando para Internet » CSS »

Sugerencias y comentarios en programación de CSS

Estas en el tema de Sugerencias y comentarios en programación de CSS en el foro de CSS en Foros del Web. Hola! Sé que esta es una petición muy extraña. Me gustaría mucho si pueideran darle un vistazo a mi código CSS y decirme si la ...
  #1 (permalink)  
Antiguo 22/08/2008, 21:11
Avatar de Threepwood  
Fecha de Ingreso: febrero-2002
Ubicación: Argentina
Mensajes: 892
Antigüedad: 15 años, 10 meses
Puntos: 3
Sugerencias y comentarios en programación de CSS

Hola!

Sé que esta es una petición muy extraña. Me gustaría mucho si pueideran darle un vistazo a mi código CSS y decirme si la estrcutura o programación es correcta, ya que aunque la página se visualiza correctamente, he tenido varios detalles en pantalla que nunca se me habían presentado y que al parecer se corrigen *solos*. No sé, es más un presentimiento que otra cosa. En fin, si a alguien le sobra tiempo:

Código:
* { 
padding : 0; 
margin : 0; 
} 


body { 
background-color : black; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 10px; 
} 


#contenedor { 
margin : 0 auto; 
width : 525px; 
border : 1px solid black; 
background-color : black; 
} 


#header { 
width : 525px; 
height : 138px; 
background-image : url(../img/header.jpg); 
} 


#menu { 
background-image : url(../img/menu.gif); 
list-style : none; 
font-size : 12px; 
height : 30px; 
} 


#menu ul { 
padding : 0; 
margin : 0; 
width : 524px; 
float : left; 
border : 1px solid black; 
} 


#menu ul li { 
display : inline; 
} 


#menu ul li a:link, #menu ul li a:visited { 
color : #fff; 
padding : 7px 0; 
float : left; 
text-align : center; 
text-decoration : none; 
padding-left : 10px; 
padding-right : 10px; 
} 


#menu ul li a:hover, #menu ul li a:active { 
color : lime; 
} 


#contenido { 
background-image : url(../img/top_content.jpg); 
background-repeat : no-repeat; 
background-color : #0099cc; 
padding : 10px; 
} 


#contenido p { 
text-align : justify; 
font-size : 12px; 
margin-bottom : 12px; 
} 


#info { 
padding-left : 30px; 
padding-top : 80px; 
border : 1px solid black; 
} 


#footer { 
width : 525px; 
height : 33px; 
background-image : url(../img/footer.jpg); 
}
Cualquier comentario, sugerencia, apunte o tip será bienvenido.

Gracias.

Samuel.
__________________
Equívocos sin importancia
  #2 (permalink)  
Antiguo 24/08/2008, 14:43
 
Fecha de Ingreso: mayo-2007
Mensajes: 348
Antigüedad: 10 años, 6 meses
Puntos: 9
Respuesta: Sugerencias y comentarios en programación de CSS

Solo una cosa:




Código HTML:
body { 
background-color : black; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 10px; 
} 



#contenedor { 
margin : 0 auto; 
width : 525px; 
border : 1px solid black; 
background-color : black; 
} 
Si tiene un body que le asignas un color de fondo negro...

Por que volvérselo asignar al contenedor, al igual que un borde negro

¡Estas aumentando el tamaño de tu hoja de estilos!

( si bueno, ya, exagerado! pero son innecesarias esas propiedades. No?)

Valida tu css.

La estructura está


Edito: Cuales son los problemas "que se corrigen solos?"
  #3 (permalink)  
Antiguo 24/08/2008, 14:51
 
Fecha de Ingreso: mayo-2007
Mensajes: 348
Antigüedad: 10 años, 6 meses
Puntos: 9
Respuesta: Sugerencias y comentarios en programación de CSS

Bueno rizar el rizo ^^

Yo siempre utilizo medidas relativas ( la famosa "em" ) en vez de absolutas ( los pixeles)

Salu2!
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 00:47.