Jump to content
mickeymouse

How to get borders?

Recommended Posts

How do I get bottom borders or left borders only?

In my input tag, I've used

style='border:none'  --- works fine.

style='border:left'  --- I get all borders.

style='border:bottom'  --- I get all borders.

TKS

Share this post


Link to post
Share on other sites

Thanks but this wont do the job.  I dont think using <div> and </div> tags for every <input...>  tag I have is the way to do it.  What I'm looking for is bottom borders for my <input...> tag.

Also, the W3 example of margins doesn't even work in the W3 documentation itself.  Go there and try to modify the margin sizes!

Share this post


Link to post
Share on other sites

Point.

What's your actual relevant code look like?

Edited by niche

Share this post


Link to post
Share on other sites
With this, I get no borders (as requested):
<input readonly style='border:none;color:black;text-align:left;width:100;font-size:16'  value='$ActNm'>

With this, I get borders all around while I just want a bottom border.
<input readonly style='border:bottom;color:black;text-align:left;width:100;font-size:16'  value='$ActNm'>

 

Share this post


Link to post
Share on other sites

because there is no such thing as border: bottom; color, style and width is what you need to set, that is not recognised, so reverts to default.

  • Like 1

Share this post


Link to post
Share on other sites

thanks dsonesuk.  obviously, i didn't know that off the top of my head, but would've figured it out.  thanks again for the save. 

Share this post


Link to post
Share on other sites

Thanks for clarifying.

I thought it was available according to what I thought I had seen in documentation.

It's unfortunate that this is not possible.

Share this post


Link to post
Share on other sites

It is! possible, if you use correct properties.

border: none;/* remove all borders, but styling remain if set by your custom css or browser default css.*/
	border-bottom-width: 1px; /*show bottom border width 1px, the colour and style will be as mentioned above to what is currently set */
	/*completely new style width colour*/
	border-bottom: 3px dotted lime;
	

Share this post


Link to post
Share on other sites

What you should have done on realising you made an error, is gone to Tutorial about css borders to identify the correct syntax for border styling properties, experimented until you got the correct result, instead giving up or implying you had giving up! So someone would do the work for you. This is very basic css.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...