Foros del Web » Creando para Internet » CSS »

Alargar un borde vertical de división

Estas en el tema de Alargar un borde vertical de división en el foro de CSS en Foros del Web. Hola, tengo una tabla con 3 columnas, que pueden ser más o menos altas dependiendo del contenido que se genere dentro. Lo que quiero es ...
  #1 (permalink)  
Antiguo 02/11/2008, 05:15
Avatar de AbdelioR  
Fecha de Ingreso: septiembre-2006
Ubicación: Tarragona
Mensajes: 926
Antigüedad: 17 años, 7 meses
Puntos: 8
Pregunta Alargar un borde vertical de división

Hola, tengo una tabla con 3 columnas, que pueden ser más o menos altas dependiendo del contenido que se genere dentro.

Lo que quiero es que en la columna del medio, haya una linia de puntos (un borde de división) que vaya desde arriba hasta abajo, con la altura que tenga la tabla en ese momento.

¿Cuál es el método para hacer esto?

Gracias.
  #2 (permalink)  
Antiguo 02/11/2008, 11:22
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años, 1 mes
Puntos: 53
Respuesta: Alargar un borde vertical de división

A qué te refieres??
A esto?
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>AbdelioR</title>
<
style>
.
enmedio {
    
border-right-styledotted;
    
border-left-styledotted;
}
</
style>
</
head>

<
body>
<
table>
  <
tr>
    <
th scope="col">&<p>LLorem
ipsum dolor sit amet
consectetuer adipiscing elitNulla condimentum
commodo orci
Nulla eget purus nec massa cursus ullamcorperDonec quis
justo
Pellentesque fermentumEtiam pharetraipsum eget faucibus
malesuada
ante elit tristique nibhut commodo sem dolor aliquam ante.
Aliquam ut leo rhoncus arcu dictum sodalesMorbi viverradui vel
mollis iaculis
urna libero tincidunt leonec interdum ligula lacus
congue lacus
Nam porttitornibh quis scelerisque lobortisneque diam
consectetuer magna
sit amet mattis diam quam vitae eratDonec wisi
tortor
lacinia etblandit necsemper necurnaAliquam erat
volutpat
.</p>
            <
pAliquam erat volutpatSed ac augue non
libero commodo lacinia
Morbi molestie augue at felisMauris ornare,
est ac imperdiet vehiculatortor dui sagittis lacussed tempor lorem
tellus ut turpis
Donec dui estrhoncus sit ametbibendum sedrutrum
sit amet
ligulaSuspendisse ac sapien ac mi posuere rutrumVivamus
sollicitudin
mi eu vehicula convallissem magna blandit purusid
pellentesque augue dui vitae urna
Nam imperdietCurabitur libero.
Suspendisse sodales sem in nuncProin diam auguenonummy nonposuere
in
lacinia egetpedePellentesque felis semcursus mattiscommodo
et
condimentum egestasquamMorbi laciniaPraesent pulvinar elit
vitae arcu
Integer sagittis metus ut justoEtiam pharetra adipiscing
nunc
. </p>
          
            <
p>
Sagittis lacussed tempor lorem tellus ut turpisDonec dui est,
rhoncus sit ametbibendum sedrutrum sit ametligulaSuspendisse ac
sapien ac mi posuere rutrum
Vivamus sollicitudinmi eu vehicula
convallis
sem magna blandit purusid pellentesque augue dui vitae
urna
Nam imperdietCurabitur liberoSuspendisse sodales sem in nunc.
Proin diam auguenonummy nonposuere inlacinia egetpede.
Pellentesque felis semcursus mattiscommodo etcondimentum egestas,
quamMorbi laciniaPraesent pulvinar elit vitae arcuInteger
sagittis metus ut justo
Etiam pharetra adipiscing nunc. </p>
       </
p>;</th>
    <
th scope="col" class="enmedio">  <pEtiam sodales nulla non nequeDuis
porttitor faucibus leo
Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas
Mauris ipsum nunc,
sodales necfaucibus quiseuismod atarcuPhasellus id odioAenean
nibh mauris
venenatis egetcommodo idgravida utarcuPellentesque
dui metus
nonummy sit ametaliquet sedpretium sit ametdiamSed
dapibus rhoncus sem
Integer blandit elit at maurisPraesent vel nunc
a massa lacinia pharetra
Etiam nibh arcurhoncus aultrices et,
feugiat inipsumPhasellus suscipit tincidunt urna. </p>
            <
p>
Vivamus mattis eros euismod lectusSuspendisse potentiVestibulum
justo odio
ullamcorper asemper ineleifend nonturpisNunc urna
pede
blandit vehiculagravida atluctus aleoNulla facilisi.
Etiam vitae elit ut nisl tempor pretiumAliquam erat volutpatFusce
molestie commodo wisi
Proin pretium libero in erosDonec blandit.
Mauris blanditligula non convallis laoreetsapien nunc elementum
metus
eu accumsan sapien est sollicitudin maurisAliquam vulputate.
Nulla eget massa quis sapien pulvinar ornareInteger suscipit magna
eget orci
Sed rutrum adipiscing tortorDonec aliquet dapibus neque.
Aliquam sed arcu non est sollicitudin lobortis. </p></th>
    <
th scope="col">      <p>
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas
Mauris ipsum nuncsodales necfaucibus quis,
euismod atarcuPhasellus id odioAenean nibh maurisvenenatis
eget
commodo idgravida utarcuPellentesque dui metusnonummy sit
amet
aliquet sedpretium sit ametdiam.</th>
  </
tr>
</
table>

</
body>
</
html
Aresillo!!
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 19:08.