Click here to Skip to main content
15,891,184 members
Home / Discussions / Web Development
   

Web Development

 
GeneralRe: uploading files, ASP? Pin
allia24-Nov-03 13:01
allia24-Nov-03 13:01 
AnswerRe: uploading files, ASP? Pin
Populate1233-Dec-03 22:17
Populate1233-Dec-03 22:17 
GeneralHierachical DropDownList Controls Q. Pin
xpurt21-Nov-03 20:15
xpurt21-Nov-03 20:15 
GeneralWebservices and Custom Type Objects Pin
JoostV21-Nov-03 9:30
JoostV21-Nov-03 9:30 
GeneralRe: Webservices and Custom Type Objects Pin
Heath Stewart22-Nov-03 5:11
protectorHeath Stewart22-Nov-03 5:11 
GeneralRe: Webservices and Custom Type Objects Pin
JoostV23-Nov-03 1:11
JoostV23-Nov-03 1:11 
GeneralRe: Webservices and Custom Type Objects Pin
Heath Stewart24-Nov-03 4:19
protectorHeath Stewart24-Nov-03 4:19 
GeneralCSS Help Needed - Clickable Table Cell Pin
BrianReeve21-Nov-03 9:11
BrianReeve21-Nov-03 9:11 
I am developing a web application that will be viewed with Microsoft Internet Explorer 6 on a machine with touch screen. The touch screen is the only input/output device. There is no mouse or keyboard available for the end user. (Imagine an electronic information kiosk.)

Here's my current problem:

I am populating a table that contains square, "button-like" cells with information from a database. The buttons are styled using a CSS Style Sheet.

I need the entire square cell to be hyperlink sensitive to accomodate for the inaccuracies of a touch screen. Centered vertically and horizontally in the button should be a link text. Currently, my solution allows for everything but centering the text vertically.

I am using the following class to style a block hyperlink of size 75px by 75px:

A.selectCategoryButton {
display: block;
width: 75px;
height: 75px;
vertical-align: middle;
text-align: center;
text-decoration: none;
font-family: Verdana;
font-size: 12px;
color: white;
border: 1px solid black;
background-color: #0074E8;
}

An example of one cell in my table looks something like this:

<table>
<tr>
<td>
<a href="somelink" class="selectCategoryButton">
Link Text
</a>
</td>
</tr>
</table>

The result rendered in a browser is a 75px by 75px cell that is entirely "click-able" with all the properties defined in my class, BUT the text appears at the top of the button like this:
___________
| Link Text |
| |
| |
| |
|_________|

I think this has to do with the fact that the CSS vertical-align property can only be used with in-line objects and not block objects.

Any workarounds or other solutions? Feedback is greatly appreciated... This is a somewhat time sensitive project.
GeneralRe: CSS Help Needed - Clickable Table Cell Pin
Ian Darling21-Nov-03 9:33
Ian Darling21-Nov-03 9:33 
GeneralRe: CSS Help Needed - Clickable Table Cell Pin
Roger Wright21-Nov-03 9:37
professionalRoger Wright21-Nov-03 9:37 
GeneralRe: CSS Help Needed - Clickable Table Cell Pin
Rohit  Sinha21-Nov-03 10:42
Rohit  Sinha21-Nov-03 10:42 
GeneralHelp! Connection String Pin
CillyMe21-Nov-03 3:02
CillyMe21-Nov-03 3:02 
GeneralRe: Help! Connection String Pin
Terry O'Nolley23-Nov-03 18:11
Terry O'Nolley23-Nov-03 18:11 
GeneralRe: Help! Connection String Pin
Populate1233-Dec-03 22:29
Populate1233-Dec-03 22:29 
GeneralUnable to browse asp.net code Pin
okoji Cyril20-Nov-03 21:00
okoji Cyril20-Nov-03 21:00 
GeneralRe: Unable to browse asp.net code Pin
Paul Watson20-Nov-03 21:25
sitebuilderPaul Watson20-Nov-03 21:25 
Generalidiot question... Pin
l a u r e n20-Nov-03 8:36
l a u r e n20-Nov-03 8:36 
GeneralRe: idiot question... Pin
allia20-Nov-03 8:56
allia20-Nov-03 8:56 
GeneralRe: idiot question... Pin
l a u r e n20-Nov-03 9:04
l a u r e n20-Nov-03 9:04 
GeneralRe: idiot question... Pin
l a u r e n20-Nov-03 9:29
l a u r e n20-Nov-03 9:29 
GeneralRe: idiot question... Pin
allia20-Nov-03 10:21
allia20-Nov-03 10:21 
GeneralResizeable iframe Pin
Jim Taylor20-Nov-03 8:25
Jim Taylor20-Nov-03 8:25 
GeneralRe: Resizeable iframe Pin
allia20-Nov-03 8:51
allia20-Nov-03 8:51 
GeneralRe: Resizeable iframe Pin
Jim Taylor20-Nov-03 11:56
Jim Taylor20-Nov-03 11:56 
GeneralRe: Resizeable iframe Pin
Tomas Petricek20-Nov-03 10:58
Tomas Petricek20-Nov-03 10:58 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.