By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,190 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

Q: hover link problem with text layout

P: n/a
hi,
i'm doing some tutorial with CSS (it's not my design!!!) and have a little
problem...i've posted the
source as well so you could see what i'm talking about...when i roll with
mouse over link >>The Bio<< text get's bold and that is what i wan't to do
in the first place...but, if you notice the other 2 paragraphs beeneath that
link move downwards...the Q: is, how can i correct this so everything stays
in place?
thanks.

source: there are 2 gifs but they are not important

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
body{
background: url(emma.gif) no-repeat
}
h1{
font-family: arial;
font-style: italic;
font-weight: bold;
font-size: 26pt;
color: #EECC44;
margin: 80pt 0 0 100pt;
}
.beyond{
font-family: verdana;
font-weight: bold;
font-size: 14px;
color: #FFDD44;
text-align: right;
margin-bottom: 30px;
}
.brack{
font-size: 16pt;
}
.body{
font-family: arial;
font-size: 12pt;
margin: 15pt 100pt 0 50pt;
padding-bottom: 60pt;
background: url(streak.gif) no-repeat #003333
}
b{
background: url(streak.gif) no-repeat #003333
}
A:link { text-decoration: none;
background: #000000;
color: #FFFFFF }
A:active { text-decoration: none;
background: #003333;
color: #FFFFFF }
A:visited { text-decoration: none;
background: #000000;
color: #FFFFFF }
A:hover { text-decoration: none;
background: #003333;
color: #FFFFFF;
font-weight: bold;
margin-left: -2px;}
-->
</style>
</head>

<BODY BGCOLOR="#003333" TEXT="#FFFFFF">
<H1>Emma Thompson</H1>
<P CLASS="beyond">
<SPAN CLASS="brack">[</SPAN> beyond acting <SPAN CLASS="brack">]</SPAN>
</P>
<P CLASS="body">
<B>Meet</B> Emma Thompson: divine actress, witty comedian, inspired writer,
unmatched beauty, down-to-earth human being. <A HREF="#1">The Bio.</A>
</P>
<P CLASS="body">
<B>Visit</B> the Gallery you'll never want to leave:
photographs, film stills, sounds, and video. <A HREF="#2">The Gallery.</A>
</P>
<P CLASS="body">
<B>Discover</B> Emma sites all across the webbed world.
<A HREF="#3">The Links.</A>
</P>
</body>

</html>

Jul 20 '05 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.