---
title: "meny problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/69749-meny-problem"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "mr.mainline"
published: "2003-03-01T12:58:39.000Z"
updated: "2003-03-01T16:29:52.000Z"
replies: 11
views: 222
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/69749-meny-problem"
---

# meny problem

## #1 — mr.mainline, 2003-03-01T12:58Z

Denna koden vill jag göra lite ändringar på.
Ändring 1: få texten mindre
Ändring 2: få cellerna större

Går det att lösa??
//F.H

Permalänk: https://www.webforum.nu/p/69749

## #2 — mr.mainline, 2003-03-01T12:59Z

oj koden oxå:-))

\<script language="javascript1.2" type="text/javascript"\>
\<!--
function BgOver(obj){
 obj.style.background='#336699';
 obj.style.cursor='hand';
}

function BgOut(obj){
 obj.style.background='#333333';
}
// --\>
\</script\>

\<table width=78 border=0 bgcolor="#CCCCCC"\>\<tr\>
\<tr\>\<td OnClick="location.href='Index';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="indexramen.html"\>Index\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Fredrik';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="fredde.html"\>Fredrik\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Richard\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Boiliebakning\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Partikelbete\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Karpklubben\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Svenska Karpar\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Franska Karpar\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Gäst galleri\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Rapporter\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>År 2002\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Annonsera\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Länkar\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Uppdateringar\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Gästbok\</a\>\</td\>
\</tr\>

\</table\>

Permalänk: https://www.webforum.nu/p/966265

## #3 — Peter S, 2003-03-01T14:47Z

Vid "onmouseover"? Isåfall:

```
...
function BgOver(obj){ 
     obj.style.background='#336699'; 
     obj.style.cursor='hand'; 
     obj.style.fontSize = 12 + "px";
}
...
```

Som "default":

```
...
<table width=68 border=0 bgcolor="#CCCCCC" style="font-size:12px">
...
```

 :)

Permalänk: https://www.webforum.nu/p/966321

## #4 — mr.mainline, 2003-03-01T15:40Z

men går det inte att ändra så det alltid är samma storlek \> som mouseover eller inte.

Permalänk: https://www.webforum.nu/p/966358

## #5 — Peter S, 2003-03-01T15:43Z

Det borde väl kunna åstadkommas genom att använda alternativ nummer 2 i mitt förra inlägg. Eller har jag missförstått det hela?

 :)

Permalänk: https://www.webforum.nu/p/966359

## #6 — mr.mainline, 2003-03-01T15:50Z

ska försöka förklara vad jag menar..När jag klistrar i koden i frontpages så är texten och cellerna förstora för vad jag vill ha,det ända som ska ändras när jag gör en mouseover är färgen i cellen,och som koden ser ut nu så när jag förhandsgranskar så är cellerna och texten stor tills jag sätter muspeckaren över då blir de som jag vill ha,men det ska ju inte se ut så när man kommer in på sidan.att cellerna är så stora förren man dragit över muspeckaren i menyn.

\<script language="javascript1.2" type="text/javascript"\>
\<!--
function BgOver(obj){ 
     obj.style.background='#336699'; 
     obj.style.cursor='hand'; 
     obj.style.fontSize = 10 + "px";
}

function BgOut(obj){
 obj.style.background='#333333';
}

// --\>
\</script\>

\<table width=100 border=0 bgcolor="#CCCCCC"\>\<tr\>
\<tr\>\<td OnClick="location.href='Index';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="indexramen.html"\>Index\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Fredrik';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="fredde.html"\>Fredrik\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Richard\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Boiliebakning\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Partikelbete\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Karpklubben\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Svenska Karpar\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Franska Karpar\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Gäst galleri\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Rapporter\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>År 2002\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Annonsera\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Länkar\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Uppdateringar\</a\>\</td\>
\</tr\>

\<tr\>
  \<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);"
  OnMouseOut="BgOut(this);"\>\<a href="richard.html"\>Gästbok\</a\>\</td\>
\</tr\>

\</table\>

Permalänk: https://www.webforum.nu/p/966362

## #7 — mr.mainline, 2003-03-01T15:51Z

Nu hann du förre:-)) men nu är det så att jag är ny på det här,kan du visa var den raden ska ligga.

//

Permalänk: https://www.webforum.nu/p/966363

## #8 — Peter S, 2003-03-01T16:00Z

Så här:

```
<script language="javascript1.2" type="text/javascript"> 
<!-- 
function BgOver(obj){ 
obj.style.background='#336699'; 
obj.style.cursor='hand'; 
} 

function BgOut(obj){ 
obj.style.background='#333333'; 
} 
// --> 
</script> 

<table width=78 border=0 bgcolor="#CCCCCC" [b]style="font-size:12px"[/b]><tr> 
<tr><td OnClick="location.href='Index';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="indexramen.html">Index</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Fredrik';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="fredde.html">Fredrik</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Richard</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Boiliebakning</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Partikelbete</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Karpklubben</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Svenska Karpar</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Franska Karpar</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Gäst galleri</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Rapporter</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">År 2002</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Annonsera</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Länkar</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Uppdateringar</a></td> 
</tr> 

<tr> 
<td OnClick="location.href='Richard';" OnMouseOver="BgOver(this);" 
OnMouseOut="BgOut(this);"><a href="richard.html">Gästbok</a></td> 
</tr> 

</table>
```

Sedan kan du ju ändra bredden på tabellen genom att byta ut värdet "78" på följande rad mot ett mindre:

```
<table width=78 border=0 bgcolor="#CCCCCC" style="font-size:12px">
```

 :)

Permalänk: https://www.webforum.nu/p/966370

## #9 — mr.mainline, 2003-03-01T16:08Z

ok.tack,men sen det här med att när jag förhansgranskar så har jag en text ähhhhhhhhh  jag gör så här jag lägger ut den på <http://hem.passagen.se/fredrikholm66>   så fattar du nog vad jag menar,när man kommer in på sidan så är menyn i en färg(ljusgrå) och den blir inte i rätt färger förren jag dragit musen över alla länkarna..

Permalänk: https://www.webforum.nu/p/966375

## #10 — Peter S, 2003-03-01T16:13Z

Ok. Byt ut denna rad:

```
<table width=78 border=0 bgcolor="#CCCCCC" style="font-size:12px">
```

Mot:

```
<table [b]id="meny"[/b] width=78 border=0 bgcolor="#CCCCCC" style="font-size:12px">
```

Samt lägg detta innanför "head"-taggarna:

```
<style type="text/css">
<!--

table#meny td {
     background : #333333;
}
-->
</style>
```

 :)

Permalänk: https://www.webforum.nu/p/966378

## #11 — mr.mainline, 2003-03-01T16:23Z

TACK nu fungerar det.....vad var det du har gjort nu då som fick det att funka.......så jag vet tills nästa gång:-))

Och tack än en gång...

Permalänk: https://www.webforum.nu/p/966393

## #12 — Peter S, 2003-03-01T16:29Z

Jag använde mig av stilmallsteknologin CSS.

Läs mer om den på [www.w3schools.com](http://www.w3schools.com/css/)

 :)

Permalänk: https://www.webforum.nu/p/966396

---

Tråden på webben: https://www.webforum.nu/amne/javascript/69749-meny-problem