Button verandert bij mouseover

eric2001 · 7 okt 2003

Hi,

Ik heb een menu met een aantal buttons. Als ik er met de muis overheen ga, dan verandert de button van grootte of de tekst in de button verschuift. Bij één probeersel werkt het wel goed. Ik zie geen verschil in de code, behalve de tekst.

Ik gebruik het volgende menu (in een frame, ik weet niet of dat uitmaakt):

<html>
<head>
<title>Top cellen menu</title>

<style type="text/css">

.buttonNormal
{
PADDING-Bottom: 3px;
PADDING-TOP: 2px;
COLOR: #CCCCCC;
CURSOR: hand;
text-align: center;
BACKGROUND-COLOR: #CCFFCC;
font-size:12px;
}

.buttonHighlight
{

PADDING-Bottom: 3px;
PADDING-TOP: 2px;
COLOR: red;
CURSOR: hand;
text-align: center;
BACKGROUND-COLOR: #ffff66;
font-size:12px;
}

.buttonDown
{
PADDING-Bottom: 1px;
PADDING-TOP: 4px;
COLOR: #FF9999;
CURSOR: hand;
font-size:12px;
}

.buttonCurrent
{
PADDING-Bottom: 3px;
PADDING-TOP: 2px;
BACKGROUND-COLOR: #CCCCCC;
COLOR: white;
font-size:12px;
}

</style>

<STYLE type=text/css>

A {
COLOR: black; FONT: 10pt Times New Roman; TEXT-DECORATION: none
}

</STYLE>

<base target="item">

<link rel="STYLESHEET" type="text/css" href="../css/circuit1.css">
</head>

<table width="98%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td class=buttonNormal width="8%" align="center"
onmouseover="if( document.all ) { this.className='buttonHighlight' }"
onmouseOut="if( document.all ) { this.className='buttonNormal' }"
onmouseDown="if( document.all ) { this.className='buttonDown' }">
<a href="tekst.html" target="item">tekst</a></td>

Wat zie ik over het hoofd?

Eric

Japie82 · 8 okt 2003

Hoi,

Een paar probleempjes:

Het commentaar pikt ie niet in CSS, dus

Code:

<!-- Achtergrond bij mouse over -->

weglaten

De PADDING-Bottom en PADDING-TOP in buttonDown kloppen niet. Deze veranderen in:

Code:

PADDING-Bottom: 3px; 
PADDING-TOP: 2px;

Dan werkt het goed geloof ik

p.s. De externe style sheet gebruik je in dit voorbeeld niet, dus als je die ook ergens anders niet gebruikt kan de de regel

Code:

<link rel="STYLESHEET" type="text/css" href="../css/circuit1.css">

ook weglaten.

eric2001 · 8 okt 2003

Thnx Japie,
Opgelost, werkt prima nu.

Eric

Button verandert bij mouseover

eric2001

Terugkerende gebruiker

Japie82

Verenigingslid

eric2001

Terugkerende gebruiker

Nieuwste berichten

Wij waarderen jouw privacy