Inspiring

Answered

Table Border

Forum|Forum|9 years ago
November 7, 2016
1 reply
2503 views

I'm trying to have a border only on the top and bottom of a table. I used this code to create the styles:

style="border-bottom: 1px solid #000000;"

style="border-top: 1px solid #000000;"

Then used it in my border thus (I assume TD stands for table definition):

<tbody>

<tr>

<td width="85%" align="left" nowrap="nowrap" bgcolor="#99CC66" class="style1"><a href="http://www/test/index.html" class="stylelinks">HOME</a> | <span class="style4"><span class="style5"><a href="http://www/test/stories.html"" class="stylelinks">STORIES</a></span></span>| <span class="style4"><span class="style5"><a a href="http://www/test/stories.html"" class="stylelinks">CONTACT ME</a> | <a href="a href="http://www/test/donate.html"" class="stylelinks">DONATE </a></span></span></td>

</tr>

</tbody>

</table>

But it didn't add any borders. Have I coded it wrong as I couldn't find any where else to set the table border properties?
Thanks

Alan

This topic has been closed for replies.

Correct answer Nancy OShea

Nancy

I must be doing something wrong. I added the link to my style sheet at the top of the page after <head>

I moved all my font styles to the style sheet e.g.

/* font characteristics*/

<style>

body {

font-family: 'Open Sans Condensed';

font-size: 16px;

text-align: left;

}

I added to my story template where the story text goes:

<tbody>

<tr>

ALL OF YOUR STORY GOES HERE....

</div>

</tr>

</tbody>

</table>

But in my template ALL OF YOUR STORY GOES HERE.... is in Times New Roman font.

Thanks

Alan

Remvoe the <style> tag. It does not belong in a CSS file because it's HTML code.

When things don't work, fix your code errors.

CSS - http://jigsaw.w3.org/css-validator/

HTML5 - https://validator.w3.org/nu/

Review HTML and CSS code basics. You can't build web pages without coding skills.

W3Schools Online Web Tutorials

Good luck!

Nancy O.

Nancy OShea

Community Expert

First of all, is this for an HTML email or a web site? Web sites should not use table layouts or inline CSS styles. It's not good practice.

On web sites, CSS for table borders goes in your stylesheet.

table {

border: 1px solid #000;

border-left: none;

border-right: none;

width: 90%;

margin: 0 auto; /**centers it**/

}

Nancy O.

Nancy O'Shea— Product User & Community Expert

E

English100Author

Inspiring

Nancy

I have not graduated to the school of CSS yet so I'm trying to do it on an HTML page. Also I only want to add top and bottom borders on one table only.

Thanks

Alan

Nancy OShea

Community Expert

Nancy

Sorry to be pedantic but I'm new to DW. So to be clear I need to remove all of my font codes that I have created for my story webpage (I'm an author and post to a stories website as I don't have my own) such as story title, chapter title, story body, etc and add them to my CSS file?
Thanks
Alan

BTW

Is this the correct format for a font style in the CSS file?

/* font characteristics*/

<style>

storybody {

font-family: Arial;

color: #2B2B2B;

font-size: 16px;

background-color: #EDFCD9;

}

Etc

</style>

Almost right.

Your selector name needs a hash tag or a dot in front of it.

#storybody (a unique ID can be used only 1 time per page)

.storybody (a re-usable class name, can be used as many times as needed).

HTML With an ID:

ALL OF YOUR STORY GOES HERE....

</div>

HTML with a class:

Nancy O.

Nancy O'Shea— Product User & Community Expert

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded