Td Borders

  • Seidaki
  • Novice
  • Novice
  • Seidaki
  • Posts: 19
  • Loc: Minnesota

Post 3+ Months Ago

Hey is there a way to get rid of the green table line that seperates my avatar from the text? This is what it looks like, pretty much:

Image

See the line that I'm talking about?

This is what I got for the html code for the table:

Code: [ Select ]
<table cellSpacing="0" cellPadding="3" border="1" bordercolor="#334FS4" style="border-collapse: collapse" td border="0">
<tr>
<td valign="top"><div align="center" style="margin-top:5px"><img alt="" src="DamientAv.jpg" style="border: none;" /></div></td>
<td>Wow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blah</td>
</tr>
</table>
  1. <table cellSpacing="0" cellPadding="3" border="1" bordercolor="#334FS4" style="border-collapse: collapse" td border="0">
  2. <tr>
  3. <td valign="top"><div align="center" style="margin-top:5px"><img alt="" src="DamientAv.jpg" style="border: none;" /></div></td>
  4. <td>Wow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blah</td>
  5. </tr>
  6. </table>
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2194
  • Loc: Canada

Post 3+ Months Ago

in your
Code: [ Select ]
td valign="top"
add
Code: [ Select ]
style="border-right: 0px"
and in your
Code: [ Select ]
<td>
following that, add
Code: [ Select ]
style="border-left: 0px"

there's probably an easier way (i dont feel like testing it lol), but that should work.
  • lioness
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1615

Post 3+ Months Ago

Add this to your style-sheet.

Code: [ Select ]
td {border:0px;}


This removes all inner-lines to the table. If however your want to keep the horizontal line between each table row, so ONLY the lines betwen table data <td> are removed your need to add this instead:

Code: [ Select ]
td {
    border-left:0px;
    border-right:0px;}
  1. td {
  2.     border-left:0px;
  3.     border-right:0px;}


I tested both with your code and they work (well in IE anyway).
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

I think you should find where the border is evoked in the original style sheet and change that instead of trying to re-define it somewhere else.
  • lioness
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1615

Post 3+ Months Ago

digitalMedia wrote:
I think you should find where the border is evoked in the original style sheet and change that instead of trying to re-define it somewhere else.


Yes. I should have been more clear on that. I assumed Seidaki would do that by default! :oops:
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2194
  • Loc: Canada

Post 3+ Months Ago

i think he still wants the green line around the box though, thats why i suggested what i did :)
  • lioness
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1615

Post 3+ Months Ago

neksus wrote:
i think he still wants the green line around the box though, thats why i suggested what i did :)


Code: [ Select ]
tr {border:1px;}
td {
  border-left:0px;
  border-right:0px;}
  1. tr {border:1px;}
  2. td {
  3.   border-left:0px;
  4.   border-right:0px;}
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2194
  • Loc: Canada

Post 3+ Months Ago

ya, but hes still learning. you can't show him stuff if he doesn't know the basics!
  • Seidaki
  • Novice
  • Novice
  • Seidaki
  • Posts: 19
  • Loc: Minnesota

Post 3+ Months Ago

Thanks guys, works perfect. ^^
  • Seidaki
  • Novice
  • Novice
  • Seidaki
  • Posts: 19
  • Loc: Minnesota

Post 3+ Months Ago

Oh yeah.. One more thing. On that table, is there a way I can get like.. a small image placed on the very left side beneath the bottom border of the table? I want this image below..

Image

^Want that to be placed under the table so it will look like this..

Image
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2194
  • Loc: Canada

Post 3+ Months Ago

Code: [ Select ]
<table cellspacing="0" cellpadding="3" border="1" bordercolor="#334FS4" style="border-collapse: collapse" td border="0">
<tr>
 <td valign="top">
 <div align="center" style="margin-top:5px"><img alt="" src="DamientAv.jpg" style="border: none;" /></div></td>
 <td>Wow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blah</td>
</tr>
<tr>
 <td valign="bottom"><div align="right"><img src="rpg_reactor/bottomthing.jpg" alt="News Updates"></div></td>
</tr>
</table>
  1. <table cellspacing="0" cellpadding="3" border="1" bordercolor="#334FS4" style="border-collapse: collapse" td border="0">
  2. <tr>
  3.  <td valign="top">
  4.  <div align="center" style="margin-top:5px"><img alt="" src="DamientAv.jpg" style="border: none;" /></div></td>
  5.  <td>Wow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blahWow dude Blah blah blahdity blah blah blah blah blah blah blah blah blah blah</td>
  6. </tr>
  7. <tr>
  8.  <td valign="bottom"><div align="right"><img src="rpg_reactor/bottomthing.jpg" alt="News Updates"></div></td>
  9. </tr>
  10. </table>

Post Information

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