HTML/Style menu help [Archive]

Click to See Complete Forum and Search --> : HTML/Style menu help

hallam2003

04-05-2001, 01:04 PM

Need Some help on a web page... Have a menu thing in the left frame, using a mixture of styles and HTML, Need to know how to make it stop underlining the red text, i've got it so when it changes to white text, it isn't underlined, but when it is mouse-off, it is underlined just like a link. No big Deal, just would make it look better. The following is the source code for it, sorry, i don't have it up-loaded yet, if you need to see it, you'll have to paste it and save it.

<<<<----source code----->>>>>>

<HTML>
<HEAD>
<TITLE>Left SC</TITLE>
</HEAD>

<STYLE>
Body
{font-family: Impact; font-size: 8pt; text-decoration: none; text-indent: 10; line-height: 165%; background: black; color: gray; a.link text-decoration: none; }

.over
{font-size: 10pt; color: white; text-decoration: none;

</STYLE>

<body link="red" vlink="red" alink="red">

<a href="rightsc.htm" target="rightsc" onMouseOver=" window.status='Main Student Council Page'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Main Page'"
onMouseOut="this.className=''; Description.innerText=''">Main</DIV></a>

<a href="officers.htm" target="rightsc" onMouseOver=" window.status='Student Council Officers'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Club Officers'"
onMouseOut="this.className=''; Description.innerText=''">Officers</DIV></a>

<a href="clubrepresentatives.htm" target="rightsc" onMouseOver=" window.status='Student Council Club Representatives'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Club Reps'"
onMouseOut="this.className=''; Description.innerText=''" >Club Reps</DIV></a>

<a href="seniors.htm" target="rightsc" onMouseOver=" window.status='Senior Members'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Senior Club Members'"
onMouseOut="this.className=''; Description.innerText=''">Seniors</DIV></a>

<a href="juniors.htm" target="rightsc" onMouseOver=" window.status='Junior Members'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Junior Club Members'"
onMouseOut="this.className=''; Description.innerText=''">Juniors</DIV></a>

<a href="sophomores.htm" target="rightsc" onMouseOver=" window.status='Sophomore Members'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Sophomore Club Members'"
onMouseOut="this.className=''; Description.innerText=''">Sophomores</DIV></a>

<a href="freshmen.htm" target="rightsc" onMouseOver=" window.status='Freshman Members'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Freshmen Club Members'"
onMouseOut="this.className=''; Description.innerText=''">Freshmen</DIV></a>

<a href="bruce.htm" target="rightsc" onMouseOver=" window.status='Student Council Sponsor'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Mr. Jim Bruce'"
onMouseOut="this.className=''; Description.innerText=''">Sponsor</DIV></a>

<a href="Purpose.htm" target="rightsc" onMouseOver=" window.status='Purpose of Student Council'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Purpose of Student Council'"
onMouseOut="this.className=''; Description.innerText=''">Purpose</DIV></a>

<a href="http://www.edwrds.k12.il.us" target="_top" onMouseOver=" window.status='Back to ECHS Main Page'; return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Back to ECHS'"
onMouseOut="this.className=''; Description.innerText=''">ECHS</DIV></a>
<br>
<DIV ALIGN=Left ID="Description" > </DIV>

</BODY>
</html>

<-------->

Thanks in advance!!

Hallam

deob197

04-05-2001, 02:19 PM

Hi Hallam,

This extra line does the trick on my version of MSIE5

a:link {text-decoration: none;}

situated as shown in your code below (I don't think I changed anything else):

<HTML>
<HEAD>
<TITLE>Left SC</TITLE>
</HEAD>

<STYLE>
body{ font-family: Impact;
font-size: 8pt;
text-decoration: none;
text-indent: 10;
line-height: 165%;
background: black;
color: gray;
}

a:link {text-decoration: none;}

.over
{font-size: 10pt; color: white; text-decoration: none;}

</STYLE>

<body link="red" vlink="red" alink="red">

<a href="rightsc.htm" target="rightsc" onMouseOver=" window.status='Main Student Council Page'; return true"

onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Main Page'"
onMouseOut="this.className=''; Description.innerText=''">Main</DIV></a>

<a href="officers.htm" target="rightsc" onMouseOver=" window.status='Student Council Officers'; return true"

onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Club Officers'"
onMouseOut="this.className=''; Description.innerText=''">Officers</DIV></a>

<a href="clubrepresentatives.htm" target="rightsc" onMouseOver=" window.status='Student Council Club

Representatives'; return true" onMouseOut="window.status=' '; return true"><DIV

onMouseOver="this.className='over';
Description.innerText='Club Reps'"
onMouseOut="this.className=''; Description.innerText=''" >Club Reps</DIV></a>

<a href="seniors.htm" target="rightsc" onMouseOver=" window.status='Senior Members'; return true"

onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Senior Club Members'"
onMouseOut="this.className=''; Description.innerText=''">Seniors</DIV></a>

<a href="juniors.htm" target="rightsc" onMouseOver=" window.status='Junior Members'; return true"

onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Junior Club Members'"
onMouseOut="this.className=''; Description.innerText=''">Juniors</DIV></a>

<a href="sophomores.htm" target="rightsc" onMouseOver=" window.status='Sophomore Members'; return true"

onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Sophomore Club Members'"
onMouseOut="this.className=''; Description.innerText=''">Sophomores</DIV></a>

<a href="freshmen.htm" target="rightsc" onMouseOver=" window.status='Freshman Members'; return true"

onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Freshmen Club Members'"
onMouseOut="this.className=''; Description.innerText=''">Freshmen</DIV></a>

<a href="bruce.htm" target="rightsc" onMouseOver=" window.status='Student Council Sponsor'; return true"

onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Mr. Jim Bruce'"
onMouseOut="this.className=''; Description.innerText=''">Sponsor</DIV></a>

<a href="Purpose.htm" target="rightsc" onMouseOver=" window.status='Purpose of Student Council'; return true"

onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Purpose of Student Council'"
onMouseOut="this.className=''; Description.innerText=''">Purpose</DIV></a>

<a href="http://www.edwrds.k12.il.us" target="_top" onMouseOver=" window.status='Back to ECHS Main Page';

return true" onMouseOut="window.status=' '; return true"><DIV onMouseOver="this.className='over';
Description.innerText='Back to ECHS'"
onMouseOut="this.className=''; Description.innerText=''">ECHS</DIV></a>

<br>

<DIV ALIGN=Left ID="Description" > </DIV>

</BODY>
</html>

Regards,

Deo

hallam2003

04-05-2001, 03:32 PM

Hey, thanks a lot man. I knew that was the code, I even had almost that exact line, must have just been placing it wrong or something. Thanks again.

Hallam

hallam2003

04-05-2001, 03:35 PM

aight, hold on just a sec. It works fine, untill you click on it. Then it has an underline for the visited link. When you refresh the page, they go away. Any way to stop this? I tried --=-- v:link {text-decoration: none;} --=-- but obviously i don't know what i'm talking about.

Hallam

deob197

04-05-2001, 11:55 PM

Sorry about that, you also need

a:visited{text-decoration: none;}

in the same place: had a few beers last night!

You can specify all the anchor properties inside these braces in the style sheet. But local style specifications over-ride those in the css. I don't know why your original code doesn't work, but obviously it's more efficient to write an external style sheet if you want to use a specific style throughout your whole site. Best thing to do is find a tutorial on css.

Regards

Deo

This site looks quite good at a first glance:

http://www.htmlhelp.com/reference/css/

[This message has been edited by deob197 (edited 04-06-2001).]

hallam2003

04-06-2001, 04:58 AM

Hey, thanks man. If you'd like to see our school's web page it's at:
www.edwrds.k12.il.us/ (http://www.edwrds.k12.il.us/)

It's kinda hard to find time to work on it with school and all, and considereing that we only hve about 3 students working on it, its not too great, but it works. Thatks again..

Hallam

deob197

04-06-2001, 05:54 AM

No problem - I like the site, by the way.

Rgds,

Deo