Var ska bordern vara då, runt en tabell. en frame, en bild eller vad ? Sådana "enkla" saker löser man bäst med CSS och inte JavaScript. Det är ju en helt vanlig :hoover du är ute efter! Får inte din kod att funka. Tro tusan att det inte fungerar med spaggetikod! Spaggeti-kod? > <b>Spaggeti-kod?</b> Har fått det att fungera även i IE6 utan din spaggetti fria kod tackvare exempel från MS som jag länkat till ovan. MS exemplet vill inte fungera i Opera någon som vet varför ? <html> Byta färg på border-right vid "onMouseOver" ??
Vid byte av bakgrunds färg skriver man ju :
onMouseOver="this.style.backgroundColor = '#CAC8C8'"
Men hur skall man skriva för att byta färg på en border-right vid "onMouseOver" ?
/*MagnusSv: Byta färg på border-right vid "onMouseOver&qu
Sv: Byta f&amp;#228;rg p&amp;#229; border-right vid &amp
Fungerar finfint i vettiga läsare, dvs Mozilla, Phoenix, Netscape > 7 och Opera. IE stödjer det ju naturligtvis inte!
<code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Högerbord</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<style type="text/css">
p {
border-right-color: #00ff00;
border-right-style: solid;
border-right-width: 5px;
width: 50px;
}
p:hover {
border-right-color: #ff0000;
border-right-style: solid;
border-right-width: 5px;
}
</style>
</head>
<body>
<p>
Lite text
</p>
</body>
</html>
</code>Sv: Byta f&#228;rg p&#229; border-right vid &quot;onMous
Så här ser min kod ut som jag vill ska funka:
<code>
<table border="0" cellpadding="0" cellspacing="0" width="142" height="5" onMouseOver="this.style.BorderRightColor = '#5F73A7'" Style="border-right: #ffffff 3px solid;">
<tr style="cursor:hand">
<td height="5"><p align="right"><font face="Microsoft Sans Serif" size="1" color="#008080">NISSE</font></td>
<td height="5" width="6"></td>
</tr>
</table>
</code>Sv: Byta f&amp;amp;amp;#228;rg p&amp;amp;amp;#229; border-right
Följande gör det du vill, validerar mot HTML 4.01 Strict & CSS 2.0 och fungerar i Mozilla, Phoenix, Netscape > 7 och Opera. Naturligtvis inte i IE.
<code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Högerbord</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<style type="text/css">
td {
border-right-color: #ffffff;
border-right-style: solid;
border-right-width: 3px;
border-left-color: transparent;
border-left-style: none;
border-left-width: 0px;
border-top-color: transparent;
border-top-style: none;
border-top-width: 0px;
border-bottom-color: transparent;
border-bottom-style: none;
border-bottom-width: 0px;
padding: 0px;
width: 142px;
height: 5px;
cursor: pointer;
text-align: right;
font-family: "Microsoft Sans Serif", serif;
color: #008080;
background-color: transparent;
}
td:hover {
border-right-color: #5F73A7;
border-right-style: solid;
border-right-width: 3px;
}
</style>
</head>
<body>
<table>
<tr>
<td>NISSE</td>
</tr>
</table>
</body>
</html>
</code>Sv: Byta f&amp;amp;amp;amp;amp;#228;rg p&amp;amp;amp;amp;amp;#22
Får inte fart på din kod överhuvudtaget. Klippt ut och testat i IE6. Ingen vertikal linje dycker upp när man för musen över texten.
Har jag fel på något eller ?
Hittade exempel hos MS som funkar: http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/border-right-color.htm
Men den löser inte mitt problem. Får det inte att funka....Sv: Byta f&amp;amp;amp;amp;amp;amp;amp;amp;#228;rg p&amp;amp;amp
Ja, du blandar HTMLCSS/JavaScript i en salig röra, istället för att strukturera det som jag gör i mitt exempel.
Titta på din Tabell:
<code>
<table border="0" cellpadding="0" cellspacing="0" width="142" height="5" onMouseOver="this.style.BorderRightColor = '#5F73A7'" Style="border-right: #ffffff 3px solid;">
<tr style="cursor:hand">
<td height="5"><p align="right"><font face="Microsoft Sans Serif" size="1" color="#008080">NISSE</font></td>
<td height="5" width="6"></td>
</tr>
</table>
</code>
Och titta på min tabell:
<code>
<table>
<tr>
<td>NISSE</td>
</tr>
</table>
</code>
Så ser du vad jag menar med spagettikod.
> <b>Klippt ut och testat i IE6.</b>
Jag skrev ju klart och tydligt, i båda inläggen:
"fungerar i Mozilla, Phoenix, Netscape > 7 och Opera. Naturligtvis inte i IE."
Eller min tex var inte intressant att läsa?Sv: Byta f&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;#228;rg p&amp
"Jag skrev ju klart och tydligt, i båda inläggen:" Sorry, sent på kvällen och grus i ögonen är mitt försvar.Sv: Byta f&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;#228;rg p&
Alltid nåt!
<head>
<BODY BGCOLOR=LIGHTBLUE>
<CENTER>
<table width="250" height="250" border="2" bordercolor="yellow" BGCOLOR= GREEN CELLSPACING=0 CELLPADDING=0>
<tr>
<td width= 250 height="200">Har lekt lite med en tabell, kanske nåt att bygga vidare på</td>
<td width=4 onmouseover="this.style.backgroundColor='blue'"
onmouseout="this.style.backgroundColor='yellow';return true"></td>
</tr>
</table>
<BR>
<table width="250" height="250" border="2" bordercolor="yellow" BGCOLOR= BROWN CELLSPACING=0 CELLPADDING=0>
<tr>
<td width= 250 height="250" >Har lekt lite med en tabell, kanske nåt att bygga vidare på</td>
<td width=4 onmouseover="this.style.backgroundColor='lime'" >
</td>
</tr>
</table>
</body>
</html>