Click here to get back home

website link problem in css

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
website link problem in css kevinm3574 08-15-2005
Get Chitika Premium
Posted by kevinm3574 on August 15, 2005, 12:29 pm
Please log in for more thread options


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


Posted by David Dorward on August 15, 2005, 9:04 pm
Please log in for more thread options


kevinm3574 wrote:

> The link text displays just fine but the link
> won't show as an available link.

In what browsers?

> #head{ position: fixed;

position: fixed is unsupported by MSIE

> background-color: "#ffffff";

Colours must not be quoted.
http://jigsaw.w3.org/css-validator/

> span.subtitle { font: 20pt

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

Posted by kevinm3574 on August 15, 2005, 2:00 pm
Please log in for more thread options


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


Posted by Jukka K. Korpela on August 16, 2005, 11:35 am
Please log in for more thread options


Without summarizing or quoting what he or she is responding to,
kevinm3574 wrote:

> 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.

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.

> 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.

I bet you didn't validate your HTML markup.

> 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.

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.

Posted by David Ross on August 17, 2005, 8:03 pm
Please log in for more thread options


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

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/>.

Similar ThreadsPosted
Get all Link from a Website November 18, 2004, 2:51 pm
problem with link ? November 9, 2004, 2:00 am
MPG link - QuickTime problem October 21, 2004, 2:18 am
Weird CSS Link problem in Firefox May 14, 2008, 6:53 pm
Problem with Anchor link now working properly in IE! February 1, 2005, 12:33 pm
html link from browser link to xml editor September 9, 2004, 5:53 am
Is this website ok May 13, 2006, 1:04 am
How is this website made???? August 26, 2004, 6:30 am
website hosting November 29, 2004, 7:17 am
website hosting January 3, 2005, 2:29 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap