Para los que me siguen o nó, estoy haciendo un proyecto web personal, sin previos conocimientos de css. Ahora vengo antes uds. para haber si pueden dar una mano con el tema (texto). Yo lo hice de esta forma:
este es el CSS de INDEX.CSS
#main {
background-color: #333333;
height: 1024px;
width: 768px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#contenedor1 {
height: 230px;
width: 768px;
margin-bottom: 15px;
float: left;
}
#logo {
background-image: url(../../imagenes/index/logo1.png);
background-repeat: no-repeat;
height: 200px;
width: 768px;
float: left;
}
#mainmenu {
height: 30px;
width: 768px;
float: left;
}
#contenedor2 {
height: 600px;
width: 768px;
float: left;
}
#noticiasindex {
background-image: url(../../imagenes/index/contenidosnoticias.png);
background-repeat: no-repeat;
height: 400px;
width: 384px;
float: left;
}
#videosindex {
background-image: url(../../imagenes/index/contenidosvideos.png);
background-repeat: no-repeat;
float: right;
height: 400px;
width: 384px;
}
#fotosindex {
height: 200px;
width: 768px;
background-image: url(../../imagenes/index/contenidosfotos.png);
background-repeat: no-repeat;
float: left;
}
#contenedor3 {
height: 178px;
width: 768px;
background-color: #006666;
float: left;
}
#publicidad {
float: left;
height: 140px;
width: 768px;
}
#copyright {
background-color: #999999;
height: 40px;
width: 768px;
background-image: url(../../imagenes/index/copyright.png);
}
/*TEXTO QUE VA EN LA IMAGEN IZQUIERDA: ULTIMAS NOTICIAS */
.textoizq{
font-family: "Tahoma", Arial, Impact;
font-size: 11px;
font-weight:bold;
color:#000000;
height: 80px;
width: 278px;
margin-left: 100px;
margin-top: 87px;
margin-bottom: 14px;
}
.textoizq2{
font-family: "Tahoma", Arial, Impact;
font-size: 11px;
font-weight:bold;
color:#000000;
height: 80px;
width: 278px;
margin-top: 5px;
margin-left: 100px;
margin-bottom: 14px;
margin-right: 0px;
}
.textoizq3{
font-family: "Tahoma", Arial, Impact;
font-size: 11px;
font-weight:bold;
color:#000000;
height: 80px;
width: 278px;
margin-top: 40px;
margin-left: 100px;
float: none;
}
/*TEXTO QUE VA EN LA IMAGEN DE LA DERECHA: ULTIMOS VIDEOS*/
.textoder{
font-family: "Tahoma", Arial, Impact;
font-size: 11px;
font-weight:bold;
color:#000000;
height: 80px;
width: 278px;
margin-left: 100px;
margin-top: 87px;
margin-bottom: 14px;
}
.textoder2{
font-family: "Tahoma", Arial, Impact;
font-size: 11px;
font-weight:bold;
color:#000000;
height: 80px;
width: 278px;
margin-top: 5px;
margin-left: 100px;
margin-bottom: 14px;
margin-right: 0px;
}
.textoder3{
font-family: "Tahoma", Arial, Impact;
font-size: 11px;
font-weight:bold;
color:#000000;
height: 80px;
width: 278px;
margin-top: 40px;
margin-left: 100px;
float: none;
}
================================================== =======
Como se puede ver aca eh definido .textizq, 2 y3 y lo mismo para textoder, 2 y3.
Si alguno de uds. puede aconsejarme de como definir mejor estas reglas, y para el texto termine en donde termine la caja de cada imagen (NOTICIAS y VIDEOS, porque solo va ahi el texto).
Si pueden explicarme como se definen, <p>, <span>.
Desde ya muchas gracias. A todos los que me han venido ayudando.