www.webdeveloper.com
Results 1 to 10 of 10

Thread: [RESOLVED] Css Style Underline not in BOLD ,why??

  1. #1
    Join Date
    Mar 2006
    Posts
    7

    resolved [RESOLVED] Css Style Underline not in BOLD ,why??

    <tr>
    <td class="ArialNormalStyle" style="WIDTH: 640px; HEIGHT: 3px">
    <asp:label id="lblDateIntimate" Runat="server" CssClass="ArialNormalStyle">Date of intimation:</asp:label>&nbsp;
    <asp:label id="IntimateDate" Runat="server" CssClass="ArialUnderlineStyle"></asp:label>
    </td>
    </tr>

    *Hi everyone.. i faced some problem for the above coding. Firstly, this is the html code run in aspx vb studio .net 2005. and the CSS style for "ArialUnderlineStyle" is in Arial, BOLD, text decoration wil be in UNDERLINE. Ok, now when i print out the "IntimateDate" (getting from database), the date value get from the database probably will show in BOLD, UNDERLINE, Arial and size 8pt.
    So now when i print out this report, the result is like this:
    the Intimate Date (example 01/03/2006) will be show in BOLD; BUT the underline is not BOLD at all..!! I also been tried <U></U> and <B></B> by placing them infront the <ASP:label></ASP:label>
    It's really head ache n i hv no idea..why is the Underline not in BOLD same as the date when print it out? any idea... ?

    thanks first..
    regards,
    JeFFery.

  2. #2
    Join Date
    Apr 2005
    Location
    Bathurst, NSW, Australia
    Posts
    3,357
    Can you post the style for ArialUnderlineStyle

  3. #3
    Join Date
    Mar 2006
    Posts
    7
    sorry.. the ArialUnderlineStyle is the name for the class name..

  4. #4
    Join Date
    Apr 2005
    Location
    Bathurst, NSW, Australia
    Posts
    3,357
    Yes I know this, can you post the styles for it.

  5. #5
    Join Date
    Mar 2006
    Posts
    7
    guy, sorry for Double Posting..
    Here is the style

    .ArialUnderlineStyle
    {
    font-family:Arial;
    font-weight:Bold;
    font-size:8pt;
    color:#000000;
    background-color:#FFFFFF;
    text-decoration:underline;
    }

    is there anyway to make the underlline BOLD when i print out the report? Thanks..

  6. #6
    Join Date
    Apr 2005
    Location
    Bathurst, NSW, Australia
    Posts
    3,357
    Ok.
    Just to clarify, its the underline that you actually want bold - the text is bolded properly?
    Or is the text not bolding.

    If the first, then what you would have to apply is a
    border-bottom: 2px solid #000;
    as you cannot adjust the underline itself.

    If the second, hmm, maybe make it a little bolder? font-weight: bolder;

  7. #7
    Join Date
    Mar 2006
    Posts
    7
    text is in BOld already, so same as the underline. but when print it out, the underline is too light. It's much more different with the line i made by (shift + __ ) .

    Hmm... can i just paste in the "border-bottom: 2px solid #000;" into the style sheet ?
    So if do in this way, the text sure wil hv a distance with the border bottom already right?

    then should i still add text decoration:underline?

  8. #8
    Join Date
    Apr 2005
    Location
    Bathurst, NSW, Australia
    Posts
    3,357
    Well you can play with it, try removing the text-decoration: underline and replacing it with the border. Then play with the pixel value untill you achieve the result your after.

    You can, though, specify a "print stylesheet" which can be entirely different to the "display stylesheet"

    example
    Code:
    <style type="text/css">
    @media all {
    /* All your current styles here */
    }
    @media print{ 
    .ArialUnderlineStyle
    {
    text-decoration: none;
    border-bottom: 2px solid #000;
    }
    }

  9. #9
    Join Date
    Mar 2006
    Posts
    7
    well.. it's fantastic. i solved it already. hey bathurst guy, thanks for help! thanks for sharing out the idea.

    * a small prob here: can the value i get from system make it in "center" position of the asp label field?

  10. #10
    Join Date
    Apr 2005
    Location
    Bathurst, NSW, Australia
    Posts
    3,357
    I'm not sure, i think it could, just try
    text-align: center;
    for the input field.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles