Anchor Styling ... Could someone please help me with this?

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • shapper
    #1

    Anchor Styling ... Could someone please help me with this?

    Hello,

    I am applying a style to a anchor tag. This anchor is created by an
    ASP.NET page and is inside a list item.
    I know the style is working because I applied it to the anchor in a
    page that has only this.

    .Test
    {
    background-color: #101010;
    color: #E2E2E2;
    padding: 4px 10px 6px 12px;
    text-decoration: none;
    font: normal 1.2em Verdana, Geneva, sans-serif;
    }

    <a href="Test.aspx " class="Test">Te sting</a>

    However, when I apply it to the anchor inside the list item I don't
    get the bottom margin unless I add "display: block" to the style! But
    then the background is extended 100%.

    I don't know what is going on. I tried everything I could think off.
    Here is the code where the Test style is giving me problems:
    ....
    <li>
    <label for="tbMessage" id="lMessage">M ensagem<span
    class="Required ">*</span></label>
    <textarea name="tbMessage " rows="4" cols="20" id="tbMessage"> </
    textarea>
    </li>
    <li>
    <a id="lbSubmit" class="Test"
    href='javascrip t:WebForm_DoPos tBackWithOption s(new
    WebForm_PostBac kOptions("ctl00 $ctl00$cphSite$ cfSendContact$l bSubmit",
    "", true, "ContactFor m", "", false, true))'>
    Send
    </a>
    </li>
    </ul>

    Any idea why this is happening?

    All I am trying to do is to make my anchor look as a simple button.

    Thank You,
    Miguel

    Tags: None
    • shapper
      #2
      Re: Anchor Styling ... Could someone please help me with this?

      On Apr 27, 10:48 pm, shapper <mdmo...@gmail. comwrote:
      Hello,
      >
      I am applying a style to a anchor tag. This anchor is created by an
      ASP.NET page and is inside a list item.
      I know the style is working because I applied it to the anchor in a
      page that has only this.
      >
      .Test
      {
      background-color: #101010;
      color: #E2E2E2;
      padding: 4px 10px 6px 12px;
      text-decoration: none;
      font: normal 1.2em Verdana, Geneva, sans-serif;
      }
      >
      <a href="Test.aspx " class="Test">Te sting</a>
      >
      However, when I apply it to the anchor inside the list item I don't
      get the bottom margin unless I add "display: block" to the style! But
      then the background is extended 100%.
      >
      I don't know what is going on. I tried everything I could think off.
      Here is the code where the Test style is giving me problems:
      ...
      <li>
      <label for="tbMessage" id="lMessage">M ensagem<span
      class="Required ">*</span></label>
      <textarea name="tbMessage " rows="4" cols="20" id="tbMessage"> </
      textarea>
      </li>
      <li>
      <a id="lbSubmit" class="Test"
      href='javascrip t:WebForm_DoPos tBackWithOption s(new
      WebForm_PostBac kOptions("ctl00 $ctl00$cphSite$ cfSendContact$l bSubmit",
      "", true, "ContactFor m", "", false, true))'>
      Send
      </a>
      </li>
      </ul>
      >
      Any idea why this is happening?
      >
      All I am trying to do is to make my anchor look as a simple button.
      >
      Thank You,
      Miguel
      I found the problem. Since I want to place the inputs in different
      lines then the labels associated to them I added a display: block to
      each label through CSS. When I do this somehow the <atag gets not
      bottom padding ... have any idea why this is happening?

      Thanks,
      Miguel

        Comment

        Previous template Next
        Working...