468,537 Members | 1,827 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,537 developers. It's quick & easy.

Q: hover link problem with text layout

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?

source: there are 2 gifs but they are not important

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

<style type="text/css">
background: url(emma.gif) no-repeat
font-family: arial;
font-style: italic;
font-weight: bold;
font-size: 26pt;
color: #EECC44;
margin: 80pt 0 0 100pt;
font-family: verdana;
font-weight: bold;
font-size: 14px;
color: #FFDD44;
text-align: right;
margin-bottom: 30px;
font-size: 16pt;
font-family: arial;
font-size: 12pt;
margin: 15pt 100pt 0 50pt;
padding-bottom: 60pt;
background: url(streak.gif) no-repeat #003333
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;}

<H1>Emma Thompson</H1>
<P CLASS="beyond">
<SPAN CLASS="brack">[</SPAN> beyond acting <SPAN CLASS="brack">]</SPAN>
<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 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 CLASS="body">
<B>Discover</B> Emma sites all across the webbed world.
<A HREF="#3">The Links.</A>


Jul 20 '05 #1
0 1371

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

7 posts views Thread by LRW | last post: by
6 posts views Thread by Nikolaos Giannopoulos | last post: by
12 posts views Thread by Alan J. Flavell | last post: by
5 posts views Thread by Thomas Mlynarczyk | last post: by
2 posts views Thread by Francesco Moi | last post: by
8 posts views Thread by Haines Brown | last post: by
1 post views Thread by darkzone | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.