[thelist] CSS: a.class:hover - handeling line breaks
Bill Creswell
BillC at VanEerden.com
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 !
More information about the thelist
mailing list