Problema posicionando texto en articulo destacado

  • Autor Autor sobajar
  • Fecha de inicio Fecha de inicio
S

sobajar

Épsilon
llevo horas tratando de poner el texto de mi articulo destacado en la parte de abajo en mi sitio de noticias Ultimas Noticias de Cancún, Quintana Roo,Playa del Carmen,Tulum,Chetumal y no logro colocarlo si alguien me ayuda no me vere mal agradecido
el codigo der mi ccs de esa parte es
Insertar CODE, HTML o PHP:
.featured, .featured .content, .featured .footer {
	display: block;
	width: 662px;
}

.featured {
	background: url(img/b_featuredY.png) repeat-y;
	height: auto;
	position: relative;
	z-index: 1;
}

.featured .content {
	display: float;
	background: url(img/b_featured.png) no-repeat top;
	min-height: 340px;
	height: 300px;
}

.featured .footer {
	display: block;
	background: url(img/b_featuredF.png) no-repeat bottom;
	height: 15px;
}

.featured h1 {
	display: block;
	color: #3c3c3c;
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 0 8px 20px;
	margin: 0 1px 0 1px;
	border-bottom: 1px solid #dedede;
}

/* featured tabs */
.featuredposts {
	position: absolute;
	top: 15px;
	right: 25px;
}

.featuredposts li {
	float: left;
	display: block;
	margin-right: 10px;
}

.featuredposts li a {
	float: left;
	display: block;
	width: 9px;
	height: 9px;
	background: url(img/light_off.png) no-repeat;
}

.featuredposts li a:hover {
	background: url(img/light_bl.png) no-repeat;
}

.featuredposts li a.selected {
	background: url(img/light_on.png) no-repeat;
}

.featuredposts li a.selected:hover {
	background: url(img/light_on.png) no-repeat;
}

.featuredposts_content {
	display: none;
	position: relative;
	z-index: 1;
}

@media print {
	.featuredposts_content {
	display: block !important;
	}
}

/* content */
.featuredposts_content .thumb {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 184px;
	height: 134px;
}

.featuredposts_content .thumb img {
	display: block;
	overflow: hidden;
	border: 1px solid #aaa;
	padding: 1px;
}

.featuredposts_content .fpost {
	position:absolute;
	top: 15px;
	left: 20px;
	right: 20px;
}

.featuredposts_content .fpost h2 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 1.8em;
}

.featuredposts_content .fpost p {
	margin: 15px 0 0 0;
	line-height: 1.4em;
	text-align: justify;
	color: #888;
}

.featuredposts_content .fpost .read, .featuredposts_content .fpost .docomment {
	display: block;
	height: 13px;
	line-height: 13px;
}

.featuredposts_content .fpost .read {padding: -15px 0 0 22px}
.featuredposts_content .fpost .docomment {padding: 8px 0 0 22px}

.featuredposts_content .fpost .read {background: url(img/ico_more.png) no-repeat}
.featuredposts_content .fpost .docomment {background: url(img/ico_comment.png) no-repeat}
.featuredposts_content .fpost .read {background-position: left 15px}
.featuredposts_content .fpost .docomment {background-position: left 8px}

.featuredposts_content .fpost .read a {color: #555}
.featuredposts_content .fpost .read a:hover {color: #ff6000}
.featuredposts_content .fpost .docomment a {color: #555}
.featuredposts_content .fpost .docomment a:hover {color: #ff6000}

ya intente modificandole en con bottom, moviendole al pandig etc etc y se me ha cerrado la cabeza helpmeeee
 
No te entiendo muy bien, lo que quieres es que el texto , aparezca abajo de la imagen? o que aparezca en la misma capa de la image, solo que mas abajo?
 
Igual si nos brindas mayor información creo que podremos ayudarte.
 
Pues generalmente se usa

HTML:
clear:both;

para poner todo el contenido debajo, es decir, ponle a tu div del texto esta propiedad a ver si así funciona.
 
No te entiendo muy bien, lo que quieres es que el texto , aparezca abajo de la imagen? o que aparezca en la misma capa de la image, solo que mas abajo?

Es correcto el texto de la noticias principales abajo de la imagen

ya no gracias los resolvi con unos simple <br> gracias a los que me leyeron
 
Ah ok, en ese caso,intenta esto, veo que tienes de atributos top,left y right , esos no sirven en ocasiones para lo que tu deseas, lo que tu quieres son margenes, entonces se ocupa margin-top en lugar de tu top.

Quedaria asi:

margin-top:lospixelesquequieras.px;
margin-left:lospixelesquequieras.px;
margin-right:lospixelesquequieras.px

Tu ve modificando y checa como va quedando.

Me dices si sale lo que gustas, aun asi, yo prefiero usar ID en lugar de class, pero si te funciona asi con class me dices, sino, pon el error y vere como cambiarlo

Saludos
 
Atrás
Arriba