Ver Mensaje Individual
  #26 (permalink)  
Antiguo 12/05/2009, 16:04
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes
Puntos: 280
Respuesta: Aporte: Guía de Migración a XHTML+CSS - Parte II

Buf, vaya consultita, kike2lucas. Una cosa es hacer una guía y otra abrir un consultorio particular

Veré qué puedo responderte:
Cita:
Iniciado por kike2lucas Ver Mensaje
Bueno; empiezo a largarte mis dudas:
1) Para tener una referencia tablera del diseño le puse un borde punteado a los bloques, que después tengo pensado quitar. A la cabecera, que incluye la barra de navegación, le puse un width: 100%; sin embargo veo que el bloque se extiende fuera de los límites del bloque contenedor. Por qué ocurre eso?
Porque ese contenedor (#Navbar) también tiene un padding-left de 100px. Quítalo y verás.

Cita:
Iniciado por kike2lucas Ver Mensaje
2) Había empezado a diseñar habiendo leído sólo la guía 1. Al leer la segunda parte intenté cambiar los elementos del menú a lista, tal cual recomienda, pero me encuentro que me antepone un circulito a cada elemento. Cómo puedo evitarlo?
Con list-style-type: none; donde declares el elemento UL en la CSS. Esto es bastante básico, así que te recomiendo que aparte de las guías empieces a estudiar CSS desde el principio.

Cita:
Iniciado por kike2lucas Ver Mensaje
3) Tampoco me funciona el margin-top que le asigno a la clase "menu", lo cual en principio pensé que podía ser la ausencia de un display:block; Estoy en lo cierto? De estarlo, por qué sí me acepta el margin-left que le asigno? Para poder marginarlo hacia abajo tuve que decidirme por poner etiquetas <br>. Espero vuestros comentarios
Así es. Span es un elemento de línea y se ubica en su lugar correspondiente del flujo del documento, mientas que sí acepta márgenes laterales..

Cita:
Iniciado por kike2lucas Ver Mensaje
4) Mi querido Internet Explorer me ha desplazado el texto principal a la derecha. El mismo está pensado para ocupar el ancho de las letras del logo. En MozFF y el resto se visualiza correctamente. Tiene solución esto?
Sí: elimina el text-align: center de #Wrapper
Cita:
#Wrapper {
margin-left: auto;
margin-right: auto;
position: relative;
width: 800px;
height: 100%;
text-align: center;
border: 1px dotted #f00;
}
Cita:
Iniciado por kike2lucas Ver Mensaje
5) Tuve muchos problemas para poner un div junto a otro flotado. Finalmente lo conseguí, empezando en el HTML con el elemento posicionado a la derecha. Esto siempre funciona así? De derecha a izquierda? O primero el elemento `flotado´ y después el `flotante´? Un comentario; también, para conseguirlo debí resignar el padding cosa que no hubiese podido hacer si el fondo del bloque hubiese sido de un color diferente al fondo de la página.
No funciona siempre así pero muchas veces es conveniente. Si ambas columnas tienen ancho fijo no es necesario en absoluto.
Cita:
Iniciado por kike2lucas Ver Mensaje
6) Una última duda. En la guía (parte 2), en la cabecera le dan "un poco de margin superior y padding inferior". Podrías explicar que hay que tener en cuenta para decidirse por el selector correcto?
Pues no recuerdo a qué te refieres, pero margen es distancia de la caja hasta su adyacente, y padding es relleno dentro de la caja.
Cita:
Iniciado por kike2lucas Ver Mensaje
En fin, unas cuántas dudas. Tengo decidida hacer la migración, y sin la guía ni siquiera podría haberlo intentado. Pero que eso de sin dolor... está por verse ;)
Gracias
Al final era mentira, pero de no haberlo puesto así ni siquiera te hubieras animado a leerlo

Lo dicho: si ya te has pinchado el veneno, empieza a estudiar CSS que te va a encantar.