[thelist] CSS: a.class:hover - handeling line breaks

Tue Jul 29 06:04:23 CDT 2003

>  How can I make this line indent, AND keep both lines within the same <a> tags?
> And also, here's one more caviot(sp)...  I'd like to keep the two lines "Parent
>Company" and "C&H Chemical" together... in other words, no line height
>between them?

I used block for A, padding top for the space

Example:
<?XML version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type=text/css>
body{background-color:black;}
.nav2 {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 8pt;
 color : #ffffff;
 text-decoration : none;
 padding-left : 12px;
 width:100px;
  padding-top:25px;
 display:block
}
a.nav2:hover {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 8pt;
 color : #000099;
 text-decoration : none;
 padding-left : 12px;
 padding-top:25px;
 width:100px;
}

</style>
</head>
<body>

<a href='page1.asp' class='nav2'>History</a>
<a href='page2.asp' class='nav2'>Press Room</a>
<a href='page3.asp' class='nav2'>Parent Company C&H Chemical</a>

Here's the CSS code:

</body>
</html>

-----Original Message-----
From: Casey Crookston [mailto:casey at thecrookstons.com] 
Sent: Monday, July 28, 2003 5:29 PM
To: thelist at lists.evolt.org
Subject: [thelist] CSS: a.class:hover - handeling line breaks

Hello all,

I have the following lines:

<a href='page1.asp' class='nav2'>History</a><br>
<a href='page2.asp' class='nav2'>Press Room</a><br>
<a href='page3.asp' class='nav3'>Parent Company<br>C&H Chemical</a><br>

Here's the CSS code:

.nav2 {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 8pt;
 color : #ffffff;
 text-decoration : none;
 padding-left : 12px;
 line-height : 25px;
}

a.nav2:hover {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 8pt;
 color : #000099;
 text-decoration : none;
 padding-left : 12px;
 line-height : 25px;
}

Everything works fine until you get to the last a href, which contains a
<br>.  As you can see in the class definition, this class has a
padding-left.  After the <br>, however, the next line does not indent.  How
can I make this line indent, AND keep both lines within the same <a> tags?

And also, here's one more caviot...  I'd like to keep the two lines "Parent
Company" and "C&H Chemical" together... in other words, no line height
between them?

Thanks,

Casey

-- 
* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 