Problema posicionando texto em artigo em destaque

  • Autor Autor sobajar
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
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
Inserir CODE, HTML ou 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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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
 
Voltar
Topo