trevor1940
asked on
Input box with rotated labels
Hi
I have a unordered list of input boxes how can I rotate the labels like an excel spreadsheet
Bellow is some rough code but all this dose is put the boxes inline not rotate the labels, as can be seen the input will only contain one character so the labels will be longer, and need to be in a row.
I have a unordered list of input boxes how can I rotate the labels like an excel spreadsheet
Bellow is some rough code but all this dose is put the boxes inline not rotate the labels, as can be seen the input will only contain one character so the labels will be longer, and need to be in a row.
CSS
.rotate
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
HTML
<div>
<ul class = "rotate">
<li> <input type="text" size ="2" id="one" value="X"><label for="one">label one</label></li>
<li> <input type="text" size ="2" id="one" value="Y"><label for="two">label two</label></li>
<li> <input type="text" size ="2" id="one" value="Z"><label for="three">label three</label></li>
</ul>
</div>
ASKER
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanx
btw I'm converting excel spredsheet into a Database with a web front end this part just contains a single letter which the user may alter
btw I'm converting excel spredsheet into a Database with a web front end this part just contains a single letter which the user may alter
If you are not using this for a public website you could might be able to get away with saving your excel as html and trying that. However, the html microsoft produces works great for printing but terrible for the web. I think it may be fine where you are sharing with just a few people and it may or may not work. But if meant for the general public, this is a better solution.
Open in new window
Working Sample http://jsbin.com/ulosop/2/editOpen in new window