473,320 Members | 2,180 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Q: hover link problem with text layout

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
0 1492

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: LRW | last post by:
Below I'll paste my CSS and the HTML in question. But what's happening is, I'm trying to establish a link behavior for a class that's separate from the normal link class. I've established a: 's...
6
by: Nikolaos Giannopoulos | last post by:
If I have simplified html (I have removed height, weight, alt, etc... attributes to simplify the example) such as: <div id="header"> <a href="blah.html"><img src="img/blah.jpg"></a> </div> ...
12
by: Alan J. Flavell | last post by:
OK, today's email brought a comment from a reader, pointing out something that I'd long since noticed myself but hadn't done anything about it. On my pages, I've got a first-letter style on...
5
by: Thomas Mlynarczyk | last post by:
Hello, I want to style an <a> element to have a special padding on "hover", like a {padding: 3px 5px 2px 4px;} a:hover {padding: 2px 4px 3px 5px;} No problem for Mozilla. Opera 7, however,...
1
by: false-name | last post by:
is this a known IE bug/quirk ? a not-very-complex web page with several <div> ( some of those <div> nested ) with navigation by menu links down the left and near the top using CSS a:link and...
7
by: fredo | last post by:
I've studied Eric Meyer's pure css popups, version two: http://meyerweb.com/eric/css/edge/popups/demo2.html which pops up an image when I roll over a text link. Now I want to pop up a large...
2
by: Francesco Moi | last post by:
Hi. I want to create a link within a H1 text: --- <h1><a href=foo>text</a></h1> --- And I've got (in my CSS) --- h1
8
by: Haines Brown | last post by:
I want a hot text string to display an image only when hovered. In the body: .... <a id="link-a" href="#nogo"> <img id="photo" src="..." />hot text </a> ....
1
by: darkzone | last post by:
Hi I saw this layout and wanted to try some thing similar, but I am unable to change the position of the vertical menu with out changing the position of the hole document and I don't really have a...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.