Can any 1 help - Code Question

  • 1
  • Question
  • Updated 9 years ago
  • Answered
i want to know how to get rid of the bottom line of a table

see the home page:
(click to enlarge)



Any help would be great.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes

Posted 9 years ago

  • 1
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Lee,

is this a good start or more specific?

1. Make sure you have the border set to 0px for the TD's, especially if you have any borders showing in the tables.
2. Try setting the border to "none."
3. Make sure that the option to turn off the borders is in the lower part of your CSS, especially if your styling is listed in the heading. Remember that CSS means "cascading", which means that a setting can be overridden by something different below it
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
There's also a border-bottom: 0 (?) attribute

I'm still searching :)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
i want to remove the bottom line only, the border is set to 0 , its becasue the 2 tables runn over each over it looks like 2 pix instead of 1 - i have researched something along the lines of table-bottom none , but i carnt find anything theres this whole long CSS method but i was hopeing there would just be an additional html i could add to the existing code.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Possibly border-bottom: blank
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
I think I've scanned the references and I see bottom-border: as probably the best way. blank looks the most promising (from the sidelines)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
i would i add it? in a <style ?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Yes its a style related tag. I haven't seen it in reference to table standalone tags. I'll have another look

I just checked again. Definitely coming under the umbrella of styles but can't see upper levels of any style sheets. :( hierarchy as it's described style/table/border- {....}:{...}

Do you have it duplicated on a test site? maybe just try?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Lee,

looking at you page shot What would be the effect of removing all borders from the upper array of cells? I'm thinking out loud here but the white colour is only apparent on any one cell at a time. If it had no border would that look bad?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Duke.. did you get this resolved? If not, let me know and I'll give you a code that might help you.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
I didnt sort it yet littleus any help would be good
Photo of Frostbytez

Frostbytez

  • 180 Posts
  • 3 Reply Likes
TheDuke That line signifies which page you are on a <ID=Current Link=ndex.html

To remove this search for ID=Current and remove current not the ID.

Good Luck
-FrostBytez
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
maybe you could separate the menu from the body as the boarder from both overlap and give the illusion of thickness

papa
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hey Duke

Would you mind publishing your site for me so that I can get a closer look a this?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
it is published - http://hexham.info
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Sorry Duke... I see it now. I was not including the .info part. Okay.. Lemme take a look and I'll get back to you. It might take me a bit of time.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Duke??? I think I got it!!!! =)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
well....
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You'll have to replace the whole block that deals with your tabs. I hope you can figure out where to put it. Be sure to test it on a test page first! =)

<!--</div></div><div id="I1196" style="display:block;margin:20px 0px 0px 0px;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1196" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1197" style="display:block;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1197" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1198" style="display:block;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1198" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1387" style="display:block;margin:0px 5px 0px 0px;" class="Text_Default"><div id="I1387_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><table width="100%" align="center" bgcolor="#89d81a" border="0" cellpadding="1" cellspacing="1">
<tbody><table style="border-left: 1px solid #89d81a; border-top: 1px
solid #89d81a; border-right: 1px solid #89d81a; border-bottom: 0px
solid #89d81a; width: 100px;"><tr>
<td style="text-align: center;" bgcolor="#f6f6f6">
<font style="font-weight: bold; text-decoration: none; font-family: Arial black; color: rgb(137, 216, 16);" size="2">HOME</font></td>
</tr></tbody></table></div></div></td><td id="Right_I1198" style="vertical-align:bottom; width:50%;" ><div id="I1205" style="display:block;margin:0px 5px 0px 0px;" class="Text_Default"><div id="I1205_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><table width="100%" align="center" bgcolor="#89d81a" border="0" cellpadding="0" cellspacing="2">
<tbody><tr>
<td style="text-align: center; text-decoration: none;"><font size="2"><span style="text-decoration: none; color: rgb(255, 255, 255);"><font style="font-weight: bold; text-decoration: none; font-family: Arial; color: rgb(255, 255, 255);"><a style="text-decoration: none; color: rgb(255, 255, 255);" href="http://hexham.info/business.php" title="Hexham Business Directory">BUSINESS</a></font></span>
</font></td></tr></tbody></table></div></div></td></tr></table></div></td><td id="Right_I1197" style="vertical-align:bottom; width:50%;" ><div id="I1199" style="display:block;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1199" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1225" style="display:block;margin:0px 5px 0px 0px;" class="Text_Default"><div id="I1225_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><table width="100%" align="center" bgcolor="#89d81a" border="0" cellpadding="0" cellspacing="2">
<tbody><tr><td style="text-align: center; text-decoration: none;"><font size="2"><span style="text-decoration: none; color: rgb(255, 255, 255);"><font style="font-weight: bold; text-decoration: none; font-family: Arial; color: rgb(255, 255, 255);"><a style="text-decoration: none; color: rgb(255, 255, 255);" href="http://hexham.info/forum.php" title="Local Events Forum">FORUM</a></font></span>
</font></td>
</tr></tbody></table>
</div></div></td><td id="Right_I1199" style="vertical-align:bottom; width:50%;" ><div id="I1226" style="display:block;margin:0px 5px 0px 0px;" class="Text_Default"><div id="I1226_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><table width="100%" align="center" bgcolor="#89d81a" border="0" cellpadding="0" cellspacing="2">
<tbody><tr><td style="text-align: center; text-decoration: none;"><font size="2"><span style="text-decoration: none; color: rgb(255, 255, 255);"><font style="font-weight: bold; text-decoration: none; font-family: Arial; color: rgb(255, 255, 255);"><a style="text-decoration: none; color: rgb(255, 255, 255);" href="http://hexham.info/featured.php" title="Featured Local Business">FEATURED</a></font></span>
</font></td>
</tr></tbody></table>
</div></div></td></tr></table></div></td></tr></table></div></td><td id="Right_I1196" style="vertical-align:bottom; width:50%;" ><div id="I1381" style="display:block;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1381" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1391" style="display:block;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1391" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1207" style="display:block;margin:0px 5px 0px 0px;" class="Text_Default"><div id="I1207_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><table width="100%" align="center" bgcolor="#89d81a" border="0" cellpadding="0" cellspacing="2">
<tbody><tr><td style="text-align: center; text-decoration: none;"><font size="2"><span style="text-decoration: none; color: rgb(255, 255, 255);"><font style="font-weight: bold; text-decoration: none; font-family: Arial; color: rgb(255, 255, 255);"><a style="text-decoration: none; color: rgb(255, 255, 255);" href="http://hexham.info/news.php" title="Local News (RSS)">NEWS</a></font></span>
</font></td>
</tr></tbody></table></div></div></td><td id="Right_I1391" style="vertical-align:bottom; width:50%;" ><div id="I1386" style="display:block;margin:0px 05px 0px 0px;" class="Text_Default"><div id="I1386_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><table width="100%" align="center" bgcolor="#89d81a" border="0" cellpadding="0" cellspacing="2">
<tbody><tr><td style="text-align: center; text-decoration: none;"><font size="2"><span style="text-decoration: none; color: rgb(255, 255, 255);"><font style="font-weight: bold; text-decoration: none; font-family: Arial; color: rgb(255, 255, 255);"><a style="text-decoration: none; color: rgb(255, 255, 255);" href="http://hexham.info/contact.php" title="Contact Us / Add Your Business">CONTACT</a></font></span>
</font></td>
</tr></tbody></table>
</div></div></td></tr></table></div></td><td id="Right_I1381" style="vertical-align:bottom; width:50%;" ><div id="I1385" style="display:block;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1385" style="text-align:left; vertical-align:top; width:50%;" > </td><td id="Right_I1385" style="vertical-align:top; width:50%;" ><div id="I1530" style="display:block;margin:3px 0px 0px 0px;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1530" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1532" style="display:block;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1532" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1539" style="display:block;" class="Text_Default"><div id="I1539_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><center><a href="http://hexham.info/3.php" title="view site in red" target="_top"><img src="resources/red.JPG?timestamp=1238517897870" border="0"></a></center></div></div></td><td id="Right_I1532" style="vertical-align:top; width:50%;" ><div id="I1540" style="display:block;" class="Text_Default"><div id="I1540_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><center><a href="http://hexham.info/2.php" title="view site in blue" target="_top"><img src="resources/blue.JPG" border="0"></a></center></div></div></td></tr></table></div></td><td id="Right_I1530" style="vertical-align:top; width:50%;" ><div id="I1531" style="display:block;" class="Layout1_Default"><table border="0" cellspacing="0" cellpadding="0" style="width:100%;"><tr><td id="Left_I1531" style="text-align:left; vertical-align:top; width:50%;" ><div id="I1541" style="display:block;" class="Text_Default"><div id="I1541_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><center><a href="http://hexham.info/1.php" title="view site in black" target="_top"><img style="width: 16px; height: 16px;" src="resources/black.JPG" border="0"></a></center></div></div></td><td id="Right_I1531" style="vertical-align:top; width:50%;" ><div id="I1542" style="display:block;" class="Text_Default"><div id="I1542_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><center><a href="http://hexham.info" title="view site in green" target="_top"><img src="resources/green1.jpg" border="0"></a></center></div></div></td></tr></table></div></td></tr></table></div></td></tr></table></div></td></tr></table></div></td></tr></table></div><div id="I1628" style="display:block;" class="HTML_Default"><div id="I1628_html"><table width="100%" align="center" bgcolor="#89d81a" border="0" cellpadding="5" cellspacing="1">-->
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
thanks Littleus -
i think this is the part im intrested in
<!--
<table style="border-left: 1px solid #89d81a; border-top: 1px
solid #89d81a; border-right: 1px solid #89d81a; border-bottom: 0px
solid #89d81a; width: 100px;">

-->

i'll play with that now

Many thanks - Lee.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
The reason why I gave you the whole thing is because when I inserted that code above... it separated the rest of your tabs from the table below. So, I had to alter the vertical alignment to bottom so that it connected to your table below.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
thanks again - i'll let you know how it goes - Lee.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
How's it going there Lee? Any success?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
its going ! - look http://hexham.info
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
duke?

i have tye table codes, how did you make yours go next to each other?

al
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Great!! Did you make additional changes? Your outside border are now little dots. Also... I noticed that your tabs along the top do not totally buss up against your table below. I don't know if this was intended or not. The screenshot I have when I made your code looks like this when rendered:

Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
i liked before.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
littelus: i want to get it to sit on flat like you have it here - how do i do that?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Duke

To make it sit flush with the table below.. I would suggest just taking the code I pasted above to replace that entire block.

If you don't want to do that.. then, you have to look for your style=vertical-align tags in that particular block. You have to make it vertical-align: bottom. I think it's just easier to just copy the above code and paste where you have the old block of code. Then, make any further adjustments as needed. Hope that helps!
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
BIG THANK YOU TO PETER AND LITTLEUS FOR GOING OUT OF THEIR WAY TO HELP ME.

The issue is now fixed - http://hexham.info

I used a variation of the code littleus gave me.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Looks great Duke!! I'm glad it all worked out!
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Have you pulled the colour selection option or working on it? I can't get it to show at the moment?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
peter go to
http://hexham.info/1 2 3 4.php
(change the number like my post at the bottom)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Its been pulled for a day or 2 while i fully tweak the design of the default green pages - thanks for letting me know all the same.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
That's fantastic Lee. Congratulations. So the 15th is looking good? ;)

Wish we had more html support on GS here. We could really give new years eve a nudge with visuals etc for the countdown to "Hxm on the world"!
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
lee the colour isnt working, when i went to
http://hexham.info/2/php its a different site! (ish)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
thanks Alex, it been removed on purpose while i get the pages styled.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
duke can you help me?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
what do you want to do?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
you know your red nav menu at the top, how did you make it?

please.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
i spent 4 months learning how do it :)

I have try'd to make it in the editor - the only code i have added is for the tables - everything else is set up normally in the editor - for example the page tabs (nav) is just a row of 2 column widgets with text boxs in each 1, each text box is a table

That should get you going in the right direction. Lee.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
ohh, thanks