Closed Thread Icon

Preserved Topic: dynamic vertical line (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=20484" title="Pages that link to Preserved Topic: dynamic vertical line (Page 1 of 1)" rel="nofollow" >Preserved Topic: dynamic vertical line <span class="small">(Page 1 of 1)</span>\

 
patric design
Bipolar (III) Inmate

From: 290 km/h, fast lane, Autobahn, Germany
Insane since: Feb 2001

posted posted 04-03-2002 09:09

How would i make a vertical line (left and right of a table) dynamic? What i mean is: There is dynamic content (different on each page and every page is using the same layout (table). Now i don't want to make the tables a fixed height b/c of content BUT the vertical lines would be nice. CSS is (to my knowledge) out of the question as i would like to use the line in a cell because it should not be the full height of the table...

If you still know what I am talking about...can anyone help???

Update:
ok, I've uploaded the specific site: http://www.patricdesign.com/ozones/new.asp

Look at it and you'll see whats wrong! I want to get rid of the top left and right white horiz. lines!!!


<´¯`·.¸ Patric ¸.·´¯`>

[This message has been edited by patric design (edited 04-03-2002).]

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 04-03-2002 14:46

CSS is not out of the question at all - in fact it may be your best option.

set up a class -

.borderleft {border-left: #fff 1px solid;}

.borderright {border-right: #fff 1px solid;}

Each <td> that is on the left edge, specify <td class="borderleft">

Each <td> on the right hand side specify as <td class="borderright">

If you don't get exactly what you want, just play aroudn with that basic concept until you do get what you want.


{{edit - clarification }}



[This message has been edited by DL-44 (edited 04-03-2002).]

patric design
Bipolar (III) Inmate

From: 290 km/h, fast lane, Autobahn, Germany
Insane since: Feb 2001

posted posted 04-04-2002 00:31

Thanx DL, I'm almost there! But how do i combine these styles for those td's that stretch over the whole width (the ones that should have a line both left and right) ???

<´¯`·.¸ Patric ¸.·´¯`>

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 04-04-2002 00:38

.leftright {border-left: #fff 1px solid; border-right: #fff 1px solid;}

<td class="leftright">




{{edit - you may find this series of tutorials helpful btw: http://www.gurusnetwork.com/tutorials/css/cssintro/cssintro1.html http://www.gurusnetwork.com/tutorials/css/cssintro2/cssintro2-1.html



[This message has been edited by DL-44 (edited 04-04-2002).]

« BackwardsOnwards »

Show Forum Drop Down Menu