Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

design border to a table without affecting its contents

Featured Replies

and hi again ...another topic as I go on bumping into irritating things...I am newbie in HTML..I just want to give a border to a table( table is a PSD web page) without affecting its TRs and Tds. I edited my css with the colors and styles and set the border size directly on my HTML code, but then all table elements also inherit it..how can I avoid this ?

Thank you

create a class and give the td you want to have the boarder that class.

 

if that doesn't make sense just say and I will give you an example.

  • Author

Hum, I figure it out just a tiny too tiny little bit, do you have may'be an example...

:blink:

ok your css would look something like this:

 

.table_border {
border: 1px solid #6633CC;
}

 

Then then table cell that you want the boarder in would be like this

 

<td class="table_border"> tabular data here</td>

 

 

Does that make more sense?

  • Author

Tnak you, yes it makes much more sense...excepted for the "tabular data"...what do you mean?

Sorry it wasn't meant to confuses. That is just where the information you wish to place in your cell would go.

  • Author

Thank you !!!

I am gonna work that out and let you know...Got to go now ...it is late here..

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.