Foros del Web » Creando para Internet » CSS »

Centrado de imagenes y texto lateral no deseado

Estas en el tema de Centrado de imagenes y texto lateral no deseado en el foro de CSS en Foros del Web. Me ocurre que cuando pongo una imagen en un post , el texto me sale escrito al lado de la imagen ( salvo que ocupe ...
  #1 (permalink)  
Antiguo 12/07/2008, 13:25
Avatar de acertijosymascosas  
Fecha de Ingreso: febrero-2008
Mensajes: 72
Antigüedad: 16 años, 1 mes
Puntos: 0
Centrado de imagenes y texto lateral no deseado

Me ocurre que cuando pongo una imagen en un post , el texto me sale escrito al lado de la imagen ( salvo que ocupe todo el ancho , claro) y quiero que el texto y las imagenes no esten a la misma altura , es decir al escribir pase directamente a escribirse el texto bajo las imagenes.

Tambien me ocurre que aunque cuando escribo el post , centro las imagenes luego se ven a la izquierda ( imagino que es parte del mismo problema)

Me puede decir alguien qué pongo en la hoja de estilos para que esto no me ocurra?

Gracias.
  #2 (permalink)  
Antiguo 12/07/2008, 16:37
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Centrado de imagenes y texto lateral no deseado

Pues depende de qué sistema estés usando, del código html que arroje y del código css. Sin verlo es muy difícil, aunque está casi garantizado que tu css tiene en alguna parte puesto float:left para las imágenes.

Mikel.
  #3 (permalink)  
Antiguo 12/07/2008, 16:43
Avatar de acertijosymascosas  
Fecha de Ingreso: febrero-2008
Mensajes: 72
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Centrado de imagenes y texto lateral no deseado

Gracias Mikmoro ,uso Wordpress.

Este es el trozo correspondiente a content :

/* content area */
#con_pad{
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
width:770px;
overflow: hidden;
}
#content {
padding: 10px 0px 30px 20px;
float: left;
width: 485px;
overflow: hidden;
}
.post {
clear:both;
padding-top: 15px;
}
.post-date {
width: 45px;
height: 49px;
float:left;
background: url(images/date-bg.gif) no-repeat;
}
.post-month {
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
display:block;
line-height: 11px;
padding-top: 2px;
margin-left: -3px;
}
.post-day {
font-size: 18px;
text-transform: uppercase;
color: #999999;
text-align: center;
display:block;
line-height: 18px;
padding-top: 7px;
margin-left: -3px;
}
.post-title {
float: left;
margin-left: 10px;
width: 430px;
}

.entry {
clear: both;
padding-top: 10px;
}
.post-cat {
background: url(images/mini-category.gif) no-repeat;
padding-left: 20px;
float:left;
font-size: 95%;
color: #999999;
}
.post-comments {
background: url(images/mini-comments.gif) no-repeat;
padding-left: 20px;
float: right;
font-size: 95%;
}
.post-calendar {
background: url(images/mini-calendar.gif) no-repeat;
padding-left: 20px;
float: right;
font-size: 95%;
color: #999999;
}
.mini-add-comment {
background: url(images/mini-down-arrow.gif) no-repeat;
padding-left: 18px;
float: right;
}
.navigation {
clear: both;
padding: 10px 0px;
}
.navigation a, .navigation a:visited {
color: #59770e;
}
.previous-entries a {
float: left;
padding-left: 18px;
background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
float: right;
padding-right: 18px;
background: url(images/mini-nav-right.gif) no-repeat right center;
}


pero no se cual corresponde a las imagenes
  #4 (permalink)  
Antiguo 12/07/2008, 16:47
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Centrado de imagenes y texto lateral no deseado

¿Lo tienes publicado como para poder verlo?

Mikel.
  #5 (permalink)  
Antiguo 12/07/2008, 17:35
Avatar de acertijosymascosas  
Fecha de Ingreso: febrero-2008
Mensajes: 72
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Centrado de imagenes y texto lateral no deseado

Hey , gracias Mikel , lo solucioné en el anterior, era como tu decias , ahora a ver si lo encuentro en este.

He probado quitando todos los float:left y nada ( los he vuelto a dejar)

El CSS es :

/*
Theme Name: PinkLove
Theme URI: http://usadesigns.net/
Description: Widget Supported xhtml complaint template sponsored by <a href="http://acertijosymascosas.com/">Jose</a> and <a href="http://paginadenoemi.blogspot.com/">Noemi</a>
Version: 1.0
Author: Blog design
Author URI: http://www.askgraphics.com/
*/

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:url(http://img399.imageshack.us/img399/5756/headerbgrepmt1.png) repeat-x top #ffffff;
width:100%;
}

img{
border:0px;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float:left;
}
img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.alignright {
float: right;
padding-top:3px;
padding-right:13px;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}


a{
color:#FD95B9;
text-decoration:none;
}

form, table, ul, li{
padding:0px;
margin:0px;;
}

.sub{
border:0px;
}

input, textarea{
border:1px solid #cecece;
font-size:12px
}

div#page{
width:1000px;
text-align:left;
}

/*header*/
#header{
width:1000px;
height:369px;
text-align:left;
}

#header_top{
width:100%;
height:112px;
background:url(http://img393.imageshack.us/img393/6545/headerbgcl5.png) no-repeat bottom #ffffff;
}

#header_end{
width:1000px;
height:257px;
background:url(http://img374.imageshack.us/img374/6348/header2bgms1.png) no-repeat top;
}

#header_end #header_text_pad{
padding-top:55px;
padding-left:295px;
}

#header_end #header_text_pad #header_text_title{
color:#ffffff;
font-size:23px;
padding-bottom:5px;
}

#header_end #header_text_pad #header_text_title span{
color:#ffffff;
}

#header_end #header_text_pad #header_text_body{
color:#ffffff;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
width:480px;
padding-bottom:5px;
}

#header_end #header_text_pad #header_text_link{
}

#header_end #header_text_pad #header_text_link a{
color:#c5005c;
font-size:10px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header_end #right_search_box{
padding-top:10px;
padding-left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:right;
padding-top:55px;
padding-right:21px;
color:#cccccc;
}

#header_end #right_search_box input.s{
width:158px;
font-size:15px;
color:#999999;
border:0px;
}

#header_title{
color:#ec008c;
font-size:35px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
padding-top:30px;
padding-left:35px;
}

/*menu*/

#menu{
width:100%;
}

div#menu #menu_pad{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:18px;
color:#FFFFFF;
padding-right:95px;
padding-top:10px;
}

div#menu a{
color:#FFFFFF;
}

div#menu a:hover{
color:#FFFFFF;
text-decoration:underline;
}

/* end menu */

/* end header */

/* blog*/





div#page #blog{
background:#FFFFFF url(http://img242.imageshack.us/img242/9805/blogbgvp2.png) repeat-x top;
padding-top:35px;
}

div#blog #blog_left{
width:620px;
}

div#blog #blog_left_bg{
width:100%;
background:#FFFFFF url(images/left_bg.png) repeat-y top left;
}

div#blog #blog_right{
width:370px;
padding-left:5px;
padding-right:5px;
}

div#blog #blog_right #blog_right_end{
width:100%;
height:25px;
background:url(http://img399.imageshack.us/img399/4164/blogrightendyt6.png) no-repeat top;
}

/* sidebar*/
div#blog #blog_right #blog_right_pad #sidebar{
padding-top:0px;
background:url(images/sidebar_bg.png) repeat-y top;
}

div#blog #blog_right #blog_right_pad #sidebar table{
background:url(http://img262.imageshack.us/img262/2690/sidebarbgtopuf0.png) no-repeat top;
padding-top:0px;
}
div#blog #blog_right #blog_right_pad #sidebar ul{
padding:0px;
margin:0px;
}
div#blog #blog_right #blog_right_pad #sidebar li{
padding:0px;
margin:0px;
list-style-type:none;
}

div#blog #blog_right #blog_right_pad #sidebar h2{
color:#ed145b;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding-left:5px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
height:27px;
background:url(images/block_title_bg.png) no-repeat left top;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
color:#ed145b;
}

div#blog #blog_right #blog_right_pad #sidebar table ul li{
color:#f26d7d;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
background:url(images/sidebar_title_bg.png) no-repeat top;
padding-left:14px;
padding-bottom:7px;
padding-top:3px;
}
div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
color:#f26d7d;
}


div#blog #blog_right #blog_right_pad #sidebar li a{
color:#f26d7d;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
line-height:19px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
color:#f26d7d;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:7px;
padding-right:25px;
padding-bottom:5px;
background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:0px;
padding-right:0px;
background:none;
}

div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
border-bottom:0;
background: url(http://img146.imageshack.us/img146/107/solidliab5.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
border-bottom:0;
background: url(http://img146.imageshack.us/img146/107/solidliab5.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li{
border-bottom:0;
background: url(http://img146.imageshack.us/img146/107/solidliab5.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li ul li{
border-bottom:0;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
padding-left:5px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
border:0px;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
border:0px;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
background: url(http://img530.imageshack.us/img530/2301/lineliog2.png) left bottom no-repeat;
padding-left:7px;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_border{
width:0px;
}
div#blog #blog_right #sidebar ul li ul li a{
padding-left:8px;
background: url(http://img356.imageshack.us/img356/9144/lineli2ty0.png) no-repeat left;
}
div#blog #blog_right #sidebar td.td_right ul li.widget_meta ul li a{
padding-left:8px;
background: url(http://img411.imageshack.us/img411/9757/metaliro4.png) no-repeat left;
}
div#blog #blog_right #sidebar td.td_right ul li ul li a{
padding-left:8px;
background: url(http://img411.imageshack.us/img411/9757/metaliro4.png) no-repeat left;
}

/* end sidebar*/

div#blog .navigation{
/*background:#000000;*/
margin-bottom:10px;
padding-left:100px;
padding-right:30px;
}

div#blog .navigation .alignright_bg{
/*background:url(images/nextpage.png) no-repeat center right;*/
height:24px;
}

div#blog .navigation .alignright_bg .alignright a{
font-weight:bold;
font-size:11px;
padding-right:15px;
color:#9e0b0e;
}

div#blog .navigation .alignleft_bg{
/*background:url(images/nextpage.png) no-repeat center left;*/
height:24px;
}

div#blog .navigation .alignleft_bg .alignleft a{
font-weight:bold;
font-size:11px;
padding-left:8px;
color:#9e0b0e;
}

/* blod item*/

div#blog #blog_left #blog_pad{
margin-left:5px;
background:url(http://img237.imageshack.us/img237/5483/blogitembgav2.png) no-repeat top;
width:609px;
}

div#blog #blog_left .blog_item{
}

div#blog #blog_left .blog_item table.blog_item_t{
margin-left:20px;
background:url(http://img184.imageshack.us/img184/9855/itemlinetk7.png) no-repeat top;
width:572px;
height:3px;
}

div#blog #blog_left .date{
background:url(http://img178.imageshack.us/img178/7450/qustbe2.png) no-repeat top;
width:56px;
height:67px;
}
div#blog #blog_left .date .datetext{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
padding-top:2px;
text-align:center;
}
div#blog #blog_left .date .datetext .datetext_number{
padding-top:2px;
color:#FFFFFF;
font-size:20px;
}
div#blog #blog_left .title a{
color:#003471;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
}
div#blog #blog_left .subtitle{
color:#737373;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:5px;
padding-bottom:10px;
}
div#blog #blog_left .subtitle a{
color:#737373;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding-top:5px;
padding-bottom:10px;
}

div#blog #blog_left .item_line{
background:url(http://img521.imageshack.us/img521/1371/linevk1.png) repeat-x left;
width:481px;
height:4px;
}

div#blog #blog_left .text{
color:#7f7f7f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:24px;
padding-top:0px;
padding-left:3px;
}

div#blog #blog_left p{
padding-left:20px;
padding-top:20px;
}

div#blog #blog_left .text p{
padding:0px;
margin:0px;
}
div#blog #blog_left .center{
padding-left:20px;
padding-top:20px;
}

div#blog #blog_left .panel{
background:url(http://img169.imageshack.us/img169/9421/panelue9.png) repeat-x left;
width:481px;
height:28px;
}

.
.
.





y la URL: http://miley.es


Gracias de nuevo.
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 20:38.