Link to home
Start Free TrialLog in
Avatar of Starr Duskk
Starr DuskkFlag for United States of America

asked on

Dropshadow style spacing and hyperlink

I have a drop shadow screenname and there are 2 problems with it.

1) I'm trying to get space after it and it doesn't take. It overlaps with what's below it.
2) When I make it a hyperlink, it breaks funny. The second line below is a hyperlink.

User generated image
Here is the image without the hyperlink, it runs into the box below it.

User generated image
Here is the code for the screenname:
.ScreenName, .ScreenName a:link, .ScreenName a:visited, .ScreenName a:link:hover
{
   text-shadow: 1px 2px 3px #323232; /* filter: shadow(Color=#333333, Direction=135, Strength=5); */
   text-transform: uppercase;
   font: 'Trebuchet MS' , Arial, helvetica, verdana, sans-serif;
   font-size: 16px;
   font-weight: bold;
   padding: 3px 6px 3px 6px;
   margin-left: 15px; /*   width: 200px; */
   color: #FFF;

}

.ScreenName, .DarkBlueBox, .LightBlueBox, .InstructionBox, .ScreenName a:link, .ScreenName a:visited, .ScreenName a:link:hover
{
   border-style: none;
   -webkit-box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.90);
   -moz-box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.90);
   box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.90);
}

.ScreenName, .DarkBlueBox, .InstructionBox, .ScreenName a:link, .ScreenName a:visited, .ScreenName a:link:hover
{
    background-color: #629FCC; 
}

.ScreenName
{
      margin-bottom: 55px !important;
}

Open in new window


And in the code in front:
<asp:Label ID="lblScreenName" runat="server"></asp:Label>

Open in new window


In the codebehind I set the text and if there is a hyperlink, add the HTML coding and class.

            lblScreenName.Text = "Register"
            lblScreenName.CssClass = "ScreenName"

Open in new window


Thanks!
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

We need to see the context. Please post a link to the page.

Cd&
ASKER CERTIFIED SOLUTION
Avatar of Roopesh Reddy
Roopesh Reddy
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Starr Duskk

ASKER

The page isn't published. I only have it locally.

Not sure how I would use those tools to debug the CSS. It's not "broken" per se, I just need to know what's wrong with the way I'm doing it. There are no errors, etc.

Thought someone might know CSS and look at the code I provided and see what's causing the problems.

I'll see if it's possible for me to publish it, but I don't know if I can.
If you look at my profile you will see I DO KNOW CSS; I looked at the code; it gives nothing but a desire to see context, so there is some hope of finding a solution.

As for no errors... just because there are no error messages does not mean there are no errors.  Validate the generated HTML and CSS before you make a claim like that.

Cd&
Hi,

The blog post clearly explains how to you Developers Tools -  https://www.experts-exchange.com/Software/Internet_Email/Web_Browsers/Internet_Explorer/A_10330-Developer-Tools-provided-by-Microsoft-IE-9-web-browser.html

Again, if you post some HTML code, then we can look at it. If it's just CSS, we can't help you much!

Hope it helps u...
Can you post the browser rendered HTML?
I'll have to get back to this when I'm not so swamped. Thanks.