Images and text not aligned properly

[talib2608]

Hi Team,

The images and text and not aligned properly here

Kindly take care of the point raised above.


Thanks,

Talib

[Jean-Baptiste Kempf]

Works here.

[kdean]

JB, to fix the column icons:

Code: Select all

th.th-os { text-align: center; }

The "Subtitle/Tag formats" button tax wrapping is mainly because the divs use a background graphic which is not flexible for 2 rows of text.

The quickest fix is to shrink the font size down a little so it doesn't wrap on 2 lines:

Code: Select all

.feature-cat { font-size: 0.875em; }

or you could get rid of the background graphics and re-style as (I left the removed styles in as commented out lines):

Code: Select all

.feature-cat { cursor:pointer; /* background:url(http://images.videolan.org/images/features/feature-cat.jpg) left no-repeat; */ padding-left:5px; padding-top: 5px; padding-bottom: 3px; border-collapse: collapse; border:none; /* height:28px; */ font-weight: bold; color:#2D58AE; background-color: #eeeeec; margin: 0px 2px 10px; border-radius: 4px 0px 0px 4px; border: 2px solid #d2d7d0; border-right: 0px; } .feature-cat-sel { cursor:pointer; /* background:url(http://images.videolan.org/images/features/feature-cat-sel.jpg) left no-repeat; */ padding-left:5px; padding-top: 5px; padding-bottom: 3px; border-collapse: collapse; border:none; /* height:28px; */ font-weight: bold; color:#D4E0F7; background-color: #7294e0; margin: 0px 0px 10px; border-radius: 4px 0px 0px 4px; border: 2px solid #9cb6e7; border-right: 0px; } .feature-cat-sel a { color: #D4E0F7 !important; }

This would make the page look like:

[Jean-Baptiste Kempf]

This page is such a crappy page, that I refuse to fix it. WE need a rewrite.