no consigo centrar unas variables con html

pithon · #1 (**permalink**) 10/05/2011, 15:54

como tendria que hacer una capa para donde dentro tendria una imagen un titulo con la variable $titulo y un comentario con variable $comentario.
la imagen la quedria a la izquierda y el titulo y debajo el comentario a la derecha.

zerokilled · #2 (**permalink**) 10/05/2011, 16:04

buyna,
iprime la varibles enel orde que tu queires mostra el conteniod. juego con CSS apilca los estilos nececario para uvicar el contenido como tu desea. por ejemplo, float, quizas witdh, etc.

pithon · #3 (**permalink**) 10/05/2011, 16:12

zerokilled gracias por contestar es lo que hago juego con css pero no me queda como yo quiero tienes ya que tengo que hacer capas div tienes algun enlace de un tutorial sobre este tema yo hice esto y no me quedo bien quiero la imagen aislada y a la izquierda

Código PHP:

Ver originalecho "<div class='portada'>";
    echo $titulo.'<br>';
   echo "<img src='imagenes_reducidas/".$thumb."' >".$comentario;
    echo "</div>";

los estilos los puse asin:

Código CSS:

Ver original.portada{
 padding:5px;
   border: 1px solid #fcc;
   margin: 3px 0px 0px 100px;
    background-color:#ddd;
 }

me queda todo un poco raro yo quedria la imagen al lado izquierdo total y a la derecha el texto y comentario como tendria que ponerlo tengo que hacer mas capas

TEPO · #4 (**permalink**) 10/05/2011, 16:24

No se si te sirvira, pero porque no probas embeber codigo html y php, en vez de hacer todo en php.
por ejemplo:

Código:

<html>
    <body>
            <div class="portada">
                  <?php echo $titulo ?>
             </div>
    </body>
</html>

zerokilled · #5 (**permalink**) 10/05/2011, 16:29

@pithon claro eso es porque no le estas dando estructura a tu contenido tiene que poner cada cosa en un elemento por ejemplo el titulo en un encabezado el comentario en un parrafo etc y luego aplicas los estilos aca elemento

pithon · #6 (**permalink**) 10/05/2011, 16:33

me podeis poner un ejemplos mas claro

zerokilled · #7 (**permalink**) 10/05/2011, 16:40

si este es tu codigo

Código:

echo "<div class='portada'>";
    echo $titulo.'<br>';
   echo "<img src='imagenes_reducidas/".$thumb."' >".$comentario;
    echo "</div>";

el resultado final podria ser algo como

Código:

<div class='portada'>Un Titulo de articulo<br><img src='imagenes_reducidas/thumb.ext' >un comentario del articulo, largo o corto</div>

es obvio que el contenido carece de estructura. por tanto, a la vez que vas imprimiendo el contenido tambien incluyes elementos html dentro del string para que el resultado sea algo como.

Código:

<div class='portada'><elemento>un titulo</elemento><br><img src='imagenes_reducidas/thumb.ext' ><elemento>un comentario del articulo, largo o corto</elemento></div>

pithon · #8 (**permalink**) 10/05/2011, 16:57

bueno me lo miro y ya hos dire que tal me fue gracias por todo