Re: Strange css problem (bug?)

"M O J O" wrote in message news:431217d5$0$78286$157c6196@xxxxxxxxxxxxxxxxxxxxxxxx
> Hi,
>
> I'm developing a asp.net application and ran into a strange css problem.

no bug, you need to fix a few things here.

> I want all my links to have a dashed underline and when they are
> hovered, it must change to a solid line. Sounds simple, but it's not
> working.
>
> I've cooked down my output code to show you what I mean. If you run the
> code below, there's no line under the link, but if you either remove the
> <!DOCTYPE...> line or the body-part of the css decleration, everything
> works fine.
>
> Here's my code (watch for wrappings):
>
> ----------------------------------------------------------------------

first you declare it to be XHTML

> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

then, I think something is missing in
> <html>
like
<html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en">

> <head>

then you go ahead and redeclare the content to be plain html and don't end the "empty tag" with />
> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

> <title>Strange</title>
> </head>
> <body>

you want style, but style belongs in the <head> and you don't add the type
> <style>
as in
<style type="text/css">
then, by your document wanting to be XHTML, you need to define the style data block
<!--/*--><![CDATA[/*><!--*/
instead of just
> <!--

> body
> {
> font-family: verdana, arial, helvetica, sans-serif;
> }
>
>
> a:link, a:visited
> {
> font-family: verdana, arial, helvetica, sans-serif;
> color: #d32525;
> border-bottom: 1px dashed #d32525;
> text-decoration: none;
> }
>
> a:hover
> {
> font-family: verdana, arial, helvetica, sans-serif;
> color: #d32525;
> border-bottom: 1px solid #d32525;
> text-decoration: none;
> }
>

and end it with
/*]]>*/--></style>
instead of just
> -->
> </style>
>
> <a href="http://www.microsoft.com/";>This is just a link</a>
>
> </body>
> </html>
>
> ----------------------------------------------------------------------

> Any idea???????

http://www.hixie.ch/advocacy/xhtml (Sending XHTML as text/html Considered Harmful)

> I also found out, if I put a <p>&nbsp;</p> below the <a href...> in the
> code above, everything works fine.
>
> I'm confused!!!!!
>
> HHHHEEELLLPPPPP! :o)
>
> Thank you in advance.
>
> M O J O

so, after the corrections (btw, several things I added are optional ;-) :

<?xml version="1.0" encoding="windows-1252"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"; />
<html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=windows-1252" />
<title>Strange</title>
<style type="text/css"><!--/*--><![CDATA[/*><!--*/
body
{
font-family: verdana, arial, helvetica, sans-serif;
}


a:link, a:visited
{
font-family: verdana, arial, helvetica, sans-serif;
color: #d32525;
border-bottom: 1px dashed #d32525;
text-decoration: none;
}

a:hover
{
font-family: verdana, arial, helvetica, sans-serif;
color: #d32525;
border-bottom: 1px solid #d32525;
text-decoration: none;
}

/*]]>*/--></style>

</head>
<body>

<a href="http://www.microsoft.com";>This is just a link</a>

</body>
</html>

.

Relevant Pages