line edges on tables

  • buzzby365
  • Proficient
  • Proficient
  • No Avatar
  • Joined: May 14, 2004
  • Posts: 288
  • Status: Offline

Post May 28th, 2004, 8:42 am

<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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post May 28th, 2004, 8:42 am

  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post May 28th, 2004, 9:07 am

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
CSS website design tutorials
  • buzzby365
  • Proficient
  • Proficient
  • No Avatar
  • Joined: May 14, 2004
  • Posts: 288
  • Status: Offline

Post May 28th, 2004, 9:15 am

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
  • No Avatar
  • Joined: May 14, 2004
  • Posts: 288
  • Status: Offline

Post May 28th, 2004, 9:19 am

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
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post May 28th, 2004, 9:54 am

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;
CSS website design tutorials
  • buzzby365
  • Proficient
  • Proficient
  • No Avatar
  • Joined: May 14, 2004
  • Posts: 288
  • Status: Offline

Post May 28th, 2004, 9:58 am

managed to do it....cheers.
  • buzzby365
  • Proficient
  • Proficient
  • No Avatar
  • Joined: May 14, 2004
  • Posts: 288
  • Status: Offline

Post May 28th, 2004, 10:21 am

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
  • No Avatar
  • Joined: May 14, 2004
  • Posts: 288
  • Status: Offline

Post May 28th, 2004, 10:22 am

dots
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post May 28th, 2004, 10:32 am

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
CSS website design tutorials

Post Information

  • Total Posts in this topic: 9 posts
  • Users browsing this forum: No registered users and 100 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
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.