line edges on tables

  • buzzby365
  • Proficient
  • Proficient
  • buzzby365
  • Posts: 288

Post 3+ Months Ago

<td valign="top" style="border-right-color:#800080; border-top-color:#800080; border-top-width:thin; border-right-width:thin;">

correct me if i am wrong but isnt this code for putting a thin line on the right edge and the top edge of a table or am i missing the point here? if this doesnt do that then can anyone tell me what coding puts a line on certain edges/sides of a table (no cells/rows/columns, just a 1x1 table)
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

uh, why are you using a 1x1 table? The whole point of a table is that it has rows and columns :? you want a box

Are you just using a td on it's own, because that may very well be your problem.

The CSS is right although I prefer to use pixel widths for everything rather than keywords
  • buzzby365
  • Proficient
  • Proficient
  • buzzby365
  • Posts: 288

Post 3+ Months Ago

sorry. i dont mean 1 pixel by 1 pixel table. that would be silly. i meant a table that looks like a box measuring 280 depth by 200 width. an iframe is inside the td. i want the td to have a line on its right side and at the top. is that possible?
  • buzzby365
  • Proficient
  • Proficient
  • buzzby365
  • Posts: 288

Post 3+ Months Ago

i have tried using css but it just puts a thick line all round the whole page on all cells. so that aint right.
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

Yes I know you meant one cell, I just don't get why you would make a table with just a single cell.

Anyhoo I know what the problem is:

You have specified the thickness
You have specified the color

You have not specified that there should actuall be a border :D


so add:
Code: [ Select ]
  border-top-style:solid; border-right-style:solid;


or change the whole thing to:
Code: [ Select ]
  border-top:1px solid #800080; border-right:1px solid #800080;
  • buzzby365
  • Proficient
  • Proficient
  • buzzby365
  • Posts: 288

Post 3+ Months Ago

managed to do it....cheers.
  • buzzby365
  • Proficient
  • Proficient
  • buzzby365
  • Posts: 288

Post 3+ Months Ago

managed to get the dotted border up. but i find that the dotts are to close together. is there a way of spacing the dotts so they have some space?
  • buzzby365
  • Proficient
  • Proficient
  • buzzby365
  • Posts: 288

Post 3+ Months Ago

dots
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

no. There isn't. Also the dotted line will display differently in different browsers. Same with dashed ones I'm afraid.

You can make the dots bigger, and that should space them further, but thats the best you can do

Post Information

  • Total Posts in this topic: 9 posts
  • Users browsing this forum: No registered users and 47 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.