CCS / Style issue

sharmap · 05-11-2004, 03:32 AM

hi
need some help on implemting style's

Header contains following code: //

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="somestylefile" type="text/css">
</head>

<body bgcolor="#FFFFFF" text ="#000000" >

//

This style fine uses the:
a.link
a.over ect..

I'm trying to run a .js menu with other style settings applied to the menu links. This .js script contains text-decoration:none like: //

document.write('a.SMN17519520 {text-decoration:none; color:#1813B5; font-weight: 700; font-family: Verdana; font-size: 15px; font-style:normal;} ');
document.write('a.SMN17519520:hover {text-decoration:none; color:#FF0F0F; }'); //

whats happening is that the default a. class style is still being applied to the .js menu overwriting the setting in the .js menu file..

Any idea for me where to look

TIA

Sharmap

Rotkiv · 05-11-2004, 09:59 AM

I'm lost. why do you need javascript to impliment the stylesheet?

Quote:

I'm trying to run a .js menu with other style settings applied to the menu links. This .js script contains text-decoration:none like: //

document.write('a.SMN17519520 {text-decoration:none; color:#1813B5; font-weight: 700; font-family: Verdana; font-size: 15px; font-style:normal;} ');
document.write('a.SMN17519520:hover {text-decoration:none; color:#FF0F0F; }'); //

whats happening is that the default a. class style is still being applied to the .js menu overwriting the setting in the .js menu file..

Any idea for me where to look

i have no idea what's going on in there.

sharmap · 05-11-2004, 10:12 AM

Hi,
I am using the java script to implement a menu system.
The java sourve was generated bij a menu generation application. But the style defined in the generated menu .js file is not showing Up. Instead the default document style shows Up in the menu.

tia

sharmap

sde · 05-11-2004, 10:41 AM

what do the links that the .js file look like? is it calling the SMN17519520 class when it prints the anchor tag?

sharmap · 05-11-2004, 11:18 AM

Hi,
This is all the html code the menu provides
How do I implement this style while maintaining the other style settings in my ccs file

<STYLE TYPE='text/css'>#DM22229266 {visibility:hidden;}</STYLE>

<SCRIPT SRC="mymenu.js"></SCRIPT>

Tia

Sharma

sde · 05-11-2004, 12:08 PM

if you have 2 definitions of the a tag, then your browser will most likely use the one that was declared last.

which one do you want to choose? whatever the answer to that is, then you probably have to include that script ( or style sheet ) last.

you may have to just open up mymenu.js in a text editor and find where they are using a normal a tag <a href=something.html>asf</a> , and add a new class in there <a class=nav href=someting.html>asf</a>

does that help?

sammy · 06-18-2004, 08:03 AM

Browser implements depending on scope.
based on where the style is written

external file: lowest priority
header : medium
inline : highest

so if you have an external stylesheet and it tells a tags to have no decoration, but you have an inline style that tells it to have decoration, the a tag will have decorations.