Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old August 15th, 2005, 08:35 PM
kevinm3574
Guest
 
Posts: n/a
Default website link problem in css

I've got a link defined in my html as href="abc123.html" 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

  #2  
Old August 15th, 2005, 09:15 PM
David Dorward
Guest
 
Posts: n/a
Default 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
  #3  
Old August 15th, 2005, 10:05 PM
kevinm3574
Guest
 
Posts: n/a
Default 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

  #4  
Old August 16th, 2005, 09:45 AM
Jukka K. Korpela
Guest
 
Posts: n/a
Default 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.
  #5  
Old August 18th, 2005, 04:15 AM
David Ross
Guest
 
Posts: n/a
Default 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/>.
 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles