Ramme omkring billede når mus placeres på det

Koden der er brugt på www.bilgalleri.dk :

** HTML:

<a href="Link-Til-Siden-Indsættes-Her" class="dnav">Link-Tekst-Indsættes-Her</a>

** CSS:

.dnav {
COLOR: #252525;
FONT-FAMILY: verdana, arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
TEXT-DECORATION: underline;
}
.dnav:hover {
COLOR: black;
FONT-FAMILY: verdana, arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
TEXT-DECORATION: underline;



Hvis der er noget man ikke ved, hvordan man gør, kan man kigge i kildekoden.
..og derefter slå det op via en søgemaskine, så man kan få det forklaret :-)

hovsa.. manglede et "}"... kommer her:

.dnav {
COLOR: #252525;
FONT-FAMILY: verdana, arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
TEXT-DECORATION: underline;
}
.dnav:hover {
COLOR: black;
FONT-FAMILY: verdana, arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
TEXT-DECORATION: underline;
}

okay prøver lige...

nu er det bare lige sådan at det ikke virker...

for den kode du har givet mig giver en anden farve på en tekst ikke på et billede med et link på...

Det er mig der har sovet :-)

her er den rigtige kode:

onMouseOver="this.style.backgroundColor='black'" onMouseOut="this.style.backgroundColor=''"

Eksempel fra www.bilgalleri.dk :

<table width="100%" border="0" cellpadding="1" cellspacing="0">
              <tr style="cursor: hand;" bgcolor="#FFFFFF"
        onClick="URL='html/links.asp?categoriID=2'"
        onMouseOver="this.style.backgroundColor='black'"
        onMouseOut="this.style.backgroundColor=''">
                <td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#E0E9EF">
                    <tr>
                      <td align="center" valign="middle"><table width="100%"  border="0" cellspacing="0" cellpadding="0" class="dnav">
                        <tr>
                          <td width="46"><img src="categories/cat2.gif" width="40" height="40" border="0"></td>
                          <td><a href="html/links.asp?categoriID=2" class="dnav">Styling</a></td>
                        </tr>
                      </table></td>
                    </tr>
                </table></td>
              </tr>
          </table>

skal den bare ligges i på body eller på img src ? kan ikke lige finde ud af det ud fra koden...

Det skulle gerne i img tag'et.

det virker desværrer ikke...

den vil ikke lave noget omkring billedet...

Prøv:

<img src="billede.jpg" border="1" onMouseOver="this.style.borderColor='#ff0000';"    onMouseOut="this.style.borderColor='#000000'">

kan man indsætte flere onMouseOver og OnMouseOut på samme img tag... da jeg skal have den til at lave onMouseOver tagget om til border="2px"

?

for det andet virker fint tak

<img style="border-width: 2px;" onmouseover="..." onmouseout="...">

skal jeg indsætte det tag?

eller: onmouseover="this.style.borderWidth='2px';this.style.borderColor='#ff0000';" ...

men så er mit spørgsmål bare hvad skal der stå der hvor der står "..."

taxa send et svar...

Det som der står i 08/12-2004 00:21:32 :-)
Jeg var for doven til at skrive/copy&paste det hele igen.. troede at det var åbenlyst :-)

det hjalp desværrer ikke...

OK :-)

Hvordan ser din kode ud?

borderen blev ikke brændere...
her er min kildekode:
<img src="http://tdn/files/gfx/billeder/<%=(Recordset1.Fields.Item("billede").Value)%>.jpg" class="billederamme1" border="1" onClick="MM_openBrWindow('billedevisning.asp?<%= MM_keepNone & MM_joinChar(MM_keepNone) & "billedeid=" & Recordset1.Fields.Item("billedeid").Value %>','','scrollbars=yes,width=520,height=520') "onMouseOver="this.style.borderwidth='2px';this.style.borderColor='#FFFFFF'; "onMouseOut="this.style.borderwidth='1px';this.style.borderColor='#000000'">

jeg ved det er en lang kode.. HE HE :P

Husk:
- mellemrum mellem " tegnet og "on..", eksempel: ...520)" onmouse...
- borderWidth.. stort W! JavaScript er case-sensitive, dvs "w" er ikke det samme som "W"!

tak for det... tænkte på du har ikke et svar til min kommentar i spørgsmålet omhandlet tekstbox: http://www.eksperten.dk/spm/568916

Svaret er RegExp, som jeg ikke har kendskab til.. :-)

Det står også i indlægget 07/12-2004 23:51:10: http://www.eksperten.dk/spm/568916#rid5156640 :-)

okay, jeg tænkte på kan man skifte borderColor og borderWidth ud med et stylesheet sådan at den vælger et bestemt stylesheet når der er mouseover og et andet når mouseout er der... ?

Det burde virke med CSS.. tester lige..

for det har jeg prøvet, men jeg kunne ikke få det til at funke, jeg laver jo css via dreamweavers CSS Wizard, men jeg tænkte nu mere på at man kunne sætte et stylesheet ind her: på en eller anden måde: " onMouseOver="this.style.index.css "

Det her virker i Opera, men ikke i Internet Explorer??:

<html>
<head>
<style type="text/css">

.ramme                {
    border-color: #000000;
    color: #000000;
}

.ramme:hover    {
    color: #ff0000;
    border-color: #ff0000;
}

</style>
</head>
<body>

<img src="billede.jpg" class="ramme" border="1">

</body>
</html>


Man kan godt bruge onmouseover="this.className='ramme_over'".. men det anbefales ikke..
Det kan heller ikke anbefales at skifte hele stylesheet'et..

hvorfor anbefaler du det ikke?

Det er roenving der anbefaler at man ikke bruger det.. så skal den vist loade det hele ind igen..

roenving har meget kendskab til programmering inden for HTML/JavaScript, PHP og RegExp (kan også en masse andet).. hvis han siger at noget er skidt, så er det skidt :-)

okay

men mange tak for hjælpen...

Det var så lidt.. jeg tror at det er på tide, at jeg kom i seng..
Godnat og sov godt.