I have a page,
<!-- m --><a class="postlink" href="http://www.unlimitedwealth.biz/update.html">http://www.unlimitedwealth.biz/update.html</a><!-- m -->
The problem im having is this, the links on the left are not right, how do I make them be verticallly aligned to the center (when I use cellpaddding-top: 10px, on .memberlinks a, it also seems to move the distance between the buttons also vertical-align: middle seems to have no affect)
What am I doing wrong?
Thanks....
Here's my CSS code
.memberlinks a { font: 12px Verdana, sans-serif; color: white; text-decoration: none; font-weight: bolder; text-align: center; vertical-align: middle; display: block; height: 38px; }
.memberlinks a:link { background: url(links/down.jpg) no-repeat top center}
.memberlinks a:hover {background: url(links/up.jpg) no-repeat top center}
.memberlinks a:visited {background: url(links/up.jpg) no-repeat top center}As per <!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align">http://www.w3.org/TR/CSS21/visudet.html ... ical-align</a><!-- m --> , vertical-align only applies to inline elements and "table-cell" elements. Most likely you are trying to apply it to a block-level element, such as a DIV?I made some changes, but for some reason, the <th> cannot be vertically aligned.
Help!As NogDog pointed out "vertical-align only applies to inline elements".
You have made it a block element; remove the display: block;
<!-- m --><a class="postlink" href="http://www.unlimitedwealth.biz/update.html">http://www.unlimitedwealth.biz/update.html</a><!-- m -->
The problem im having is this, the links on the left are not right, how do I make them be verticallly aligned to the center (when I use cellpaddding-top: 10px, on .memberlinks a, it also seems to move the distance between the buttons also vertical-align: middle seems to have no affect)
What am I doing wrong?
Thanks....
Here's my CSS code
.memberlinks a { font: 12px Verdana, sans-serif; color: white; text-decoration: none; font-weight: bolder; text-align: center; vertical-align: middle; display: block; height: 38px; }
.memberlinks a:link { background: url(links/down.jpg) no-repeat top center}
.memberlinks a:hover {background: url(links/up.jpg) no-repeat top center}
.memberlinks a:visited {background: url(links/up.jpg) no-repeat top center}As per <!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align">http://www.w3.org/TR/CSS21/visudet.html ... ical-align</a><!-- m --> , vertical-align only applies to inline elements and "table-cell" elements. Most likely you are trying to apply it to a block-level element, such as a DIV?I made some changes, but for some reason, the <th> cannot be vertically aligned.
Help!As NogDog pointed out "vertical-align only applies to inline elements".
You have made it a block element; remove the display: block;