webForumDet fria alternativet

meny problem

11 svar · 222 visningar · startad av mr.mainline

mr.mainlineMedlem sedan feb. 2003813 inlägg
#1

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

mr.mainlineMedlem sedan feb. 2003813 inlägg
#2

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>

Peter SMedlem sedan dec. 20025 484 inlägg
#3

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

:)

mr.mainlineMedlem sedan feb. 2003813 inlägg
#4

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

Peter SMedlem sedan dec. 20025 484 inlägg
#5

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?

:)

mr.mainlineMedlem sedan feb. 2003813 inlägg
#6

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>

mr.mainlineMedlem sedan feb. 2003813 inlägg
#7

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.

//

Peter SMedlem sedan dec. 20025 484 inlägg
#8

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

:)

mr.mainlineMedlem sedan feb. 2003813 inlägg
#9

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

Peter SMedlem sedan dec. 20025 484 inlägg
#10

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>

:)

mr.mainlineMedlem sedan feb. 2003813 inlägg
#11

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

Peter SMedlem sedan dec. 20025 484 inlägg
#12

Jag använde mig av stilmallsteknologin CSS.

Läs mer om den på www.w3schools.com

:)

Genererad på 384 ms · cache AV · v20260730165559-full.f96bc7eb