Jump to content



Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!
- - - - -

How To Draw Thin Table Lines


4 replies to this topic

#1 slimjo

    Newbie

  • Kontributors
  • Pip
  • 3 posts
  • Gender:Male
  • Location:Africa

Posted 09 May 2007 - 11:29 AM

my name is joshua, am a web deisgner, i use dream weaver with a combination of other softwares to design sites. currently i have a project at hand to design a site that looks like an online store for product display. am really having problem on how to draw thin lines on the page so as to seperate iterms on the page. can any one help.
thanks

#2 jlhaslip

    Insert Custom Title Here

  • [MODERATOR]
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 5,040 posts
  • Gender:Not Telling
  • Location:Linux, DOS and Windows…the good, the bad and the ugly
  • myCENT:81.07
  • Spam Patrol

Posted 09 May 2007 - 01:10 PM

set borders equal to 1 px.

Post some code, or a link to the page is preferred.

#3 Dagoth Nereviar

    Privileged Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 536 posts
  • Gender:Male
  • Location:Leeds, UK
  • Interests:Spellbinder!

Posted 10 May 2007 - 05:02 PM

It's usually just:

<table [what ever other code] border="1px">
</table>

Sometimes though, if you have it more than 1px you'll get a double border (well, I do :unsure:) I fix this by setting the background colour of the table to the same as the border, then in each table row set it to whatever you want.

There's probably a better way using CSS, but that's the simple way I use

#4 noname1984

    Newbie

  • Kontributors
  • Pip
  • 1 posts

Posted 25 September 2009 - 04:13 AM

View PostDagoth Nereviar, on May 11 2007, 01:02 AM, said:

It's usually just:

<table [what ever other code] border="1px">
</table>

Sometimes though, if you have it more than 1px you'll get a double border (well, I do :lol: ) I fix this by setting the background colour of the table to the same as the border, then in each table row set it to whatever you want.

There's probably a better way using CSS, but that's the simple way I use

For fixing the double border, simply use "border-collapse: collapse" in CSS.

<head>
<style type="text/css">
table{
border: 1px solid #F00;
border-collapse: collapse;}
td{
border: 1px solid #F00}
</style>
</head>


#5 mahesh2k

    Trap Double Mocha Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 2,347 posts
  • Gender:Male
  • Location:Valley of Darkness
  • myCENT:27.17
  • Spam Patrol

Posted 25 September 2009 - 05:52 AM

Try this. border: 1px solid #000;. You can set range of border 1-2px as per your need but more than 2 will be thick. also to make table thin you can use appropriate colors. Color like gray could give feel of thin border. try #666 value or search for CSS color chart on google for lighter colors to give it feel of thin border color.




Reply to this topic


This post will need approval from a moderator before this post is shown.

  


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users