website link problem in css

[kevinm3574]

I've got a link defined in my html as href="abc123.ht ml" in a <div
id="abc123"> block. The link text displays just fine but the link
won't show as an available link. If I change the <div id from abc123
to body, then everything works perfectly except that the css block
displays in the body location and not the abc123 location on the
webpage.

Here's the css:

/* Mast head is simulation of top frame */
#head{ position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100px;
z-index: 1;
background-color: "#ffffff";
/* border: 2px solid #0000DD; */
}
#login{ position: fixed;
left: 0px;
top: 101px;
width: 15%;
background-color:"#ffffff" ;
/* border: 2px solid #DD0000; */
padding: 3px;
}
#swmenu{ position: fixed;
left: 0px;
top: 101px;
width: 15%;
background-color:"#ffffff" ;
/* border: 2px solid #DD0000; */
padding: 3px;
}

#body{ position: relative;
margin-left: 215px;
margin-top: 101px;
/* width: 80%; */
background-color:"#ffffff" ;
/* border: 2px solid #00DD33;*/
padding: 0px 3px;
z-index: 2;
}
#swbody{ position: relative;
margin-left: 215px;
margin-top: 101px;
/* width: 80%; */
background-color:"#ffffff" ;
/* border: 2px solid #00DD33;*/
padding: 0px 3px;
z-index: 2;
}
#abc123{ position: fixed;
right: 0px;
top: 101px;
width: 35%;
background-color:"#ffffff" ;
/* border: 2px solid #DD0000; */
z-index: 2;
padding: 3px;
}
#foot { position: absolute;
background-color:"#ffffff" ;
bottom: 0;
z-index: 3;
visibility: visible;
}
span.subtitle { font: 20pt "arial"; color:"#63638c" ; }
span.text { font: 10pt "arial" }
td.title { font: 22pt "arial black" }
td.subtitle { font: 20pt "arial"; color:"#63638c" ; }
td.sect { font: 18pt "arial" }
td.subsect {font: 14pt "arial"; color:"#505050" ; }
td.subsubsect {font: 12pt "arial" }
td.text { font: 10pt "arial" }
td.tablehead { font: 10pt "arial"; color:"#e0e0e0" ;}
td.sidemenu { font: 10pt "arial" }
td.bar { font: 8pt "arial" }
h1 { font: 12pt "sans-serif"; color: "505050"; }
a:link { color:"#000080" ; text-decoration: none; }
a:visited { color:"#000080" ; text-decoration: none; }
a:hover { color:"#4040C0" ; text-decoration: none; }
a.sw:link { color:"#e0e0e0" ; text-decoration: none; }
a.sw:visited { color:"#e0e0e0" ; text-decoration: none; }
a.sw:hover { color:"#ffffff" ; text-decoration: none; }


So the link in the <div abc123 should display on the far right at the
100px from the top (which the block does just fine but the link can't
be clicked on)...any ideas greatly appreciated.

Thanks
kevin martin

[David Dorward]

Re: website link problem in css

kevinm3574 wrote:
[color=blue]
> The link text displays just fine but the link
> won't show as an available link.[/color]

In what browsers?
[color=blue]
> #head{ position: fixed;[/color]

position: fixed is unsupported by MSIE
[color=blue]
> background-color: "#ffffff";[/color]

Colours must not be quoted.

http://jigsaw.w3.org/css-validator/

[color=blue]
> span.subtitle { font: 20pt[/color]

Pt units considered harmful.

http://css-discuss.incutio.com/?page=UsingPoints

.... and you haven't provided the HTML document that you are having problems
with. (Hint: URLs are /much/ easier for people offering you free help then
copy/pasted code).

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[kevinm3574]

Re: website link problem in css

As to the browser, it's firefox and the reason there's no url is that
it's not on a publicly available address yet. I've run my css thru a
validator and fixed the color issues and the like with no luck as of
yet getting this to work. It's just strange that the "frame" displays
the text and link perfectly when I reference it thru #body but that
only the text and colors of the "frame" displays when I use #abc123 as
my reference point.

Kevin

[Jukka K. Korpela]

Re: website link problem in css

Without summarizing or quoting what he or she is responding to,
kevinm3574 wrote:
[color=blue]
> As to the browser, it's firefox and the reason there's no url is that
> it's not on a publicly available address yet.[/color]

Then spend a little of your time to set up a publishable demonstration
that shows the problem you have, instead of wasting everyone's time.
[color=blue]
> I've run my css thru a
> validator and fixed the color issues and the like with no luck as of
> yet getting this to work.[/color]

I bet you didn't validate your HTML markup.
[color=blue]
> It's just strange that the "frame" displays
> the text and link perfectly when I reference it thru #body but that
> only the text and colors of the "frame" displays when I use #abc123 as
> my reference point.[/color]

How strange indeed. We have no way of seeing what you are doing and what
mistakes you have made. However, it seems that you are doing the wrong
thing anyway: trying to simulate frames using div soup HTML and
pixel-picking CSS. Frames are evil and should be terminated, not
simulated - often simulated frames have _more_ problems than "real" frames.

[David Ross]

Re: website link problem in css

David Dorward wrote [in part]:[color=blue]
>
> kevinm3574 wrote [also in part]:[color=green]
> > background-color: "#ffffff";[/color]
>
> Colours must not be quoted.[/color]

This mistake is easily understood. For HTML, colors must be
quoted. For CSS, colors must NOT be quoted.

--

David E. Ross
<URL:http://www.rossde.com/>

I use Mozilla as my Web browser because I want a browser that
complies with Web standards. See <URL:http://www.mozilla.org/>.