Foros del Web » Creando para Internet » CSS »

Problemas con CSS - matib

Estas en el tema de Problemas con CSS - matib en el foro de CSS en Foros del Web. hola que tal me dirijo a uds. con la misma problemática. Cada que rehago mi página (aunque en realidad nunca termino de hacerla porque siempre ...
  #1 (permalink)  
Antiguo 02/03/2011, 20:06
jmb0286
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Problemas con CSS - matib

hola que tal me dirijo a uds. con la misma problemática. Cada que rehago mi página (aunque en realidad nunca termino de hacerla porque siempre me tranco
con algo) no puedo lograr que los div's noticiasindex y videosindex queden
sincronizados. Para que vean lo que digo vallan a http://acceso-directo.net23.net

______
| noti |
| index|
|_____|______
| videos |
| index |
|______|

quiero que resultado sea

_______________
| | |
| | |
|______ |_______|


Las cajas son del mismo tamaño 375.5*400. pero sin embargo se presenta el
problema de arriba. Se nota que soy novato?




================================================== =======
CÓDIGO WEB
================================================== =======
@charset "utf-8";
#contenedor {
height: 894px;
width: 780px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #333333;
}
#capaA {
height: 30px;
width: 751px;
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;
background-color: #666666;
float: left;
}
#logo {
background-color: #666666;
height: 150px;
width: 751px;
margin-right: 15px;
margin-left: 15px;
}
#barmenu1 {
background-color: #666666;
width: 751px;
margin-right: 15px;
margin-left: 15px;
height: 35px;
}
#noticiasindex {
background-color: #666666;
height: 400px;
width: 375.5px;
margin-top: 15px;
margin-left: 15px;

}
#videosindex {
background-color: #666666;
height: 400px;
width: 375.5px;
margin-right: 15px;
float: right;

}
#fotosindex {
background-color: #666666;
float: left;
width: 751px;
height: 200px;
margin-right: 15px;
margin-left: 15px;
}
#copyright {
float: left;
width: 751px;
margin-right: 15px;
margin-left: 15px;
height: 35px;
background-color: #666666;
margin-bottom: 15px;
}
  #2 (permalink)  
Antiguo 03/03/2011, 13:40
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con CSS - matib

Hola:

En primer lugar, ¿Crees que un pixel se puede dividir por la mitad?

Cita:
Iniciado por jmb0286 Ver Mensaje
@charset "utf-8";
#noticiasindex {
background-color: #666666;
height: 400px;
width: 375.5px;
margin-top: 15px;
margin-left: 15px;
}

#videosindex {
background-color: #666666;
height: 400px;
width: 375.5px;
margin-right: 15px;
float: right;
}
Modifícalo y déjalo como 375px.

En segundo lugar div es un elemento de bloque con lo cual te va a ocupar el ancho de su contenedor por eso el segundo div se coloca flotado a la derecha y abajo, para evitar eso deberás flotar el primero, noticiasindex, a la izquierda.

Código CSS:
Ver original
  1. #noticiasindex {
  2.     background-color: #666666;
  3.     height: 400px;
  4.     width: 375px;
  5.     margin-top: 15px;
  6.     margin-left: 15px;
  7.     float:left;
  8. }

Saludos.

  #3 (permalink)  
Antiguo 03/03/2011, 15:51
jmb0286
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problemas con CSS - matib

Gracias, por la info.
  #4 (permalink)  
Antiguo 03/03/2011, 18:47
jmb0286
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problemas con CSS - matib

Discuplen mi ignorancia.
Quedó espectacular; ahora como hago para que al lado del cuadro se pueda poner un texto Leer más (por ejemplo).

La idea se me ocurre poniendo varios divs pero es con el padding lo muevo y como lo defino en el css. gracias de vuelta.
  #5 (permalink)  
Antiguo 03/03/2011, 18:50
jmb0286
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problemas con CSS - matib

la página se puede ver http://acceso-directo.net23.net

Etiquetas: Ninguno
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 19:46.