Hello! It's been a long time since I last posted, I hope I'll still be able to find some help with this.
I'm having a minor visual stylesheet issue with Snowman. Everything works fine, but there is a size discrepancy between the Choice Button and the Name Input Button I'm using. (Shown below via Imgur.) The Top button is the Name Input button and the second is the Choice Button.
I'd like to have the Stylesheet code for the Name Input button resemble the Choice button Stylesheet, but am unsure how to correct this. The Name Input button won't move any further left when I adjust the size, and the Stylesheet code for both buttons differs in how they're built; so it's harder to match their height and width.
Here's the Stylesheet for the Choice Button
And here's the Stylesheet for the Name Input button.
I'd appreciate any help offered on this little problem. Thanks! If you need any more information, I'd be happy to provide it.
I'm having a minor visual stylesheet issue with Snowman. Everything works fine, but there is a size discrepancy between the Choice Button and the Name Input Button I'm using. (Shown below via Imgur.) The Top button is the Name Input button and the second is the Choice Button.
I'd like to have the Stylesheet code for the Name Input button resemble the Choice button Stylesheet, but am unsure how to correct this. The Name Input button won't move any further left when I adjust the size, and the Stylesheet code for both buttons differs in how they're built; so it's harder to match their height and width.
Here's the Stylesheet for the Choice Button
#choices { list-style: none; padding: 0; border: 1px solid #bbb; } #choices li { margin: 0; padding: 0; } #choices li:not(:first-child) { border-top: 1px solid #bbb; } #choices li a { display: block; margin: 0; padding: 0.5em 0.8em; border: none; text-decoration: none; font-size: 75%; } #choices li a:hover { color: #fff; background-color: #718389; }
And here's the Stylesheet for the Name Input button.
#nameinput button { display: block; width: 100%; border: 1px solid #bbb; background-color: inherit; line-height: inherit; padding: 0.5em 0.8em; text-align: left; font-size: 85%; } #nameinput button:hover { color: #fff; background-color: #718389; }
I'd appreciate any help offered on this little problem. Thanks! If you need any more information, I'd be happy to provide it.