Ver en una sola línea

santuariosw · #1 (**permalink**) 21/12/2006, 19:48

Como podria ponerle un estilo a lo que sale en echo

echo "<div class='estilo'>texto</div><div class='otroestilo'>otro texto</div>";

cuando lo veo en la web lo que veo es esto

texto
otro texto

como puedo lograr que se vea todo en la misma linea ??

.php · #2 (**permalink**) 21/12/2006, 20:02

mira compañero. tienes razon es complicado dejarlo en una liniea, pero si te sirve lo puedes hgacer con una tabla, pasa piola

Código HTML:

<table>
<tr>
<td><div class='estilo'>texto</div></td>
<td><div class='otroestilo'>otro texto</div></td>
</tr>
</table>

o

Código PHP:

  printf("

<table>\n

<tr>\n

<td><div class='estilo'>texto</div></td>\n

<td><div class='otroestilo'>otro texto</div></td>\n

</tr>\n

</table>\n

");

jam1138 · #3 (**permalink**) 22/12/2006, 04:42

Cita:

Iniciado por santuariosw

como puedo lograr que se vea todo en la misma linea ??

Antes de PHP están aquellos lenguajes que trabajan del lado del cliente... llámesen HTML, CSS, JavaScript, etc. PHP no controla problemas de formato y/o comportamiento, favor de separar las cosas.

La situación se debe el uso de la etiqueta div y es que es una etiqueta de bloque, lo que significa que su comportamiento natural será "crear" una nueva línea al finalizar este. Asunto de HTML, hay muchos tutoriales.

Dos soluciones:
- Mediante CSS cambiar su visualización como si fuese elemento en línea.
- Prueba usar la etiqueta SPAN en lugar de DIV.

Suerte

elementos de bloque tutorial html div

jam1138 · #4 (**permalink**) 22/12/2006, 04:45

Me atrevo a modificar el título por algo más descriptivo y acorde (utilizando tus propias palabras) y a mover el tema al foro de XHTML (desde PHP). Espero no te cause inconvenientes.

Saluton

pablocb · #5 (**permalink**) 22/12/2006, 07:55

yo creo que si añades al primer div la propieda float: left; se vera en la misma linea.

fearlex · #6 (**permalink**) 22/12/2006, 23:43

Cita:

Iniciado por santuariosw

Como podria ponerle un estilo a lo que sale en echo

echo "<div class='estilo'>texto</div><div class='otroestilo'>otro texto</div>";

cuando lo veo en la web lo que veo es esto

texto
otro texto

como puedo lograr que se vea todo en la misma linea ??

Mira una forma de hacerlo:

Cita:

<html>
<head>
<title>Prueba</title>
<style type="text/css">
.estilo1{
color: # 333;
font-weight: 100
}
.estilo2{
color: # 000;
font-weight: bold;
}
</style>
</head>

<body>
<?php
echo "<span class='estilo1'>Mi nombre es </span><span class='estilo2'>Carlos</span>";
?>
</body>
</html>

Cita:

Iniciado por pablocb

yo creo que si añades al primer div la propieda float: left; se vera en la misma linea.

Si le pones la propiedad float: left, quedaria el primer div encima del segundo, los dos pegados al border izquierdo. la solucion es cambiando las etiquetas y jugando con los estilos, no el flotado.

Rafael · #7 (**permalink**) 30/12/2006, 21:49

Cita:

Prueba usar la etiqueta SPAM en lugar de DIV.

Mejor la etiqueta span, la spam es delito en algunos paises :D

Cita:

Si le pones la propiedad float: left, quedaria el primer div encima del segundo, los dos pegados al border izquierdo. la solucion es cambiando las etiquetas y jugando con los estilos, no el flotado.

PabloCb puede tener razón, flotar es una opción, dependerá de más cosas. y justamente flotar es jugar con los estilos.
Otra opción es ponerle la propiedad display: inline, a los divs, pero ciertamente tal vez lo más adecuado sea usar span.

jam1138 · #8 (**permalink**) 30/12/2006, 23:04

Cita:

Iniciado por Rafael

Mejor la etiqueta span, la spam es delito en algunos paises :D

... error de dedázo. Edito para corregir, gracias por "la información"

.

Saluton