Foros del Web » Creando para Internet » HTML »

Texto a la derecha sin salto de linea

Estas en el tema de Texto a la derecha sin salto de linea en el foro de HTML en Foros del Web. Gente, parece algo muy simple pero se me complico, no puedo, quiero que el texto este a la derecha pero sin salto de linea, algo ...
  #1 (permalink)  
Antiguo 31/03/2009, 14:30
Avatar de almagropaco_  
Fecha de Ingreso: marzo-2008
Ubicación: Mar del Plata
Mensajes: 854
Antigüedad: 9 años, 8 meses
Puntos: 25
Texto a la derecha sin salto de linea

Gente, parece algo muy simple pero se me complico, no puedo, quiero que el texto este a la derecha pero sin salto de linea, algo como esto(pero sin el salto de linea)
Cita:
ESTO QUEDA A LA IZQUIERA
ESTO A LA DERECHA, SIN SALTO DE LINEA
El codigo que tengo es asi, osea es una plantilla de un script:
Código HTML:
<h1 id="ni$news[id]" style="background-image:">
   $subject
</h1>
<p>
   Enviado el $time por <a href="mailto:$email">$username</a> $category. $caticon<div align="right">[B]$maintext | $comments | $views visitas[/B]</div>
</p>
<p style="background-color:#dcfbdc">
   <strong>$titletext</strong>
</p>
<hr>
<br> 
Asi es el resultado con ese codigo
Cita:
$subject
Enviado el $time por $username $category. $caticon
$maintext | $comments | $views visitas
$titletext
Eso seria algo asi de lo que me queda en Dreamweaver.

Es imposible? Muchisimas gracias.
  #2 (permalink)  
Antiguo 31/03/2009, 14:47
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Texto a la derecha sin salto de linea

mete el texto dentro de un par de div, le das tamaños definidos y le pones un float:left
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 01/04/2009, 17:02
Avatar de chwc  
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 9 años, 4 meses
Puntos: 103
Respuesta: Texto a la derecha sin salto de linea

mira, tenes que dividir el espacio maximo.
Código PHP:
#uno  {float:left ; width:191px }
#dos  {float:left ; width:191px }
#tres {float:left ; width:191px }
#cuatro {float:left ; width:191px} 
y cada uno lo pones en un div(al lado del otro), pero si los withd son iguales en el css, no hace falta crear varios divs.

saludos
__________________
Hangouts de JavaScript todos los jueves 20hs GMT, Unite !
https://plus.google.com/u/0/108504944676960830886

Última edición por chwc; 01/04/2009 a las 17:04 Razón: tenia ganas xd
  #4 (permalink)  
Antiguo 01/04/2009, 17:54
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: Texto a la derecha sin salto de linea

Prueba armardo el HTML de la siguiente manera:

Código:
<h1 id="ni$news[id]" style="background-image:">$subject</h1>

<p style="float:left; width:49%;">Enviado el $time por <a href="mailto:$email">$username</a> $category. $caticon</p>
<p style="float:right; width:49%;">$maintext | $comments | $views visitas</p>

<p style="clear:both; background-color:#dcfbdc">
   <strong>$titletext</strong>
</p>
__________________
oohh... quisiera ser godines!!!
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 09:26.