webForumDet fria alternativet
Logga in / Bli medlem

meny problem

JavaScript

11 svar · 222 visningar · startad av mr.mainline

mr.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 inlägg
Trådstart#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.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 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 483 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.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 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 483 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.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 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.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 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 483 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.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 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 483 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.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 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 483 inlägg
#12

Jag använde mig av stilmallsteknologin CSS.

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

:)

388 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
125 ms — deklarationer (db)
120 ms — hämta statistik (db)
139 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)