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.

table cell alignment

Featured Replies

hey,

 

Just wondering why the cells in the 2nd column here are not aligned correctly - I've aligned the text right but now it's all jagged - admittedly I've not used tables much...I'm sure I can figure this but it's more of a time issue, needs to be fixed asap.

 

My link

 

Also, why is the tight hand border being ignored - it should be the same as the left.

 

Any tips appreciated, cheers :)

Have you tried assigning widths to the table head?

  • Author

Hey Shaun, tried a width on the table head but no joy...

 

cibgraphics - do cells float by default as I don't think I've floated mine?

They do not float by default. You have floated yours on line 1485

 

.alignright, img.alignright {
   display: inline;
   float: right;
   margin-left: 24px;
   margin-top: 4px;
}

 

HTML for reference:

 

<td></td>
<td class="alignright">Peak Gain</td>
<td class="alignright">As of May 31st</td>

Edited by cibgraphics

The left margin should also be removed.

 

Split the .alignright and img.alignright into two different styles.

ok cheers, sorry, working on third party code, hadn't even seen that same .alignright class!

 

thanks again!

 

 

Make sure you are using developer tools in your browser. I found the issue within seconds using Firebug for Firefox.

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.