- This topic is empty.
January 20, 2012 at 5:03 am #36222
Howdy yall, im designing a very small form for my personal site. Basically i am styling my text boxes with no backgrounds but just a bottom border. Now my text area i would like to have it look “lined” like my text boxes.
Here is the screen shot:
And here is the CSS:
border-bottom:1px solid #1d1d1d;
padding:0px 0px 0px 10px;
font-family: 'Handlee', cursive;
The html code:
Clearly three text boxes is not what i want to achieve, but i merely added them to show my desired effect.
Basically i want to style a textarea to have lines, is this possible with just css?
I appreciate any feedback.January 20, 2012 at 11:46 am #95081Matt87Member
u would always declare border top, left, bottom, right styles
just set the colours to the same as ur background or use rgba(255,255,255,0) (white, invisible)January 20, 2012 at 12:40 pm #95086
Shart, i believe there was a little misunderstanding or maybe i wasn’t clear in which i apologize but i already know that i need a textarea.. The three text boxes were just there for graphical reasons. The empty placeholders actually had content that i deleted and setting my border styles is sloppy? My attempt of being semantic isn’t what i’m asking about because i do just fine.
The original question is how to style a textarea to look like how i had those three text boxes..January 21, 2012 at 5:42 am #95123voilaMember
I believe Matt87 answered. If it works like you want, will you post back and let us see, so this can be marked as “SOLVED” :)
Using your code and Matt87’s suggestion, it works. I added border-radius,
Looks cool. I love the way you created the form image.January 21, 2012 at 5:01 pm #95141
Essentially my latest attempt didnt give me my desired effects however i had just kept the basic idea but keep my labels underlined and my input areas (textarea, input=”text”) will have a styled left/bottom border.
@Schart, when i post code on forums i try to ensure its nice and tidy, just didn’t have time, but its cool thank you.
- The forum ‘CSS’ is closed to new topics and replies.