Denna delen av 99 uppdateras inte längre utan har arkiverats inför framtiden som ett museum.
Här kan du läsa mer om varför.
Mac-nyheter hittar du på Macradion.com och forumet hittar du via Applebubblan.

Ny border-color vid OnMouseOver?

Tråden skapades och har fått 9 svar. Det senaste inlägget skrevs .
1
Skriv svar
#1
  • Medlem ●
  • Neverland
  • 2005-06-23 09:26

Jag behöver snabbhjälp!

Går det att byta border-color vid OnMousOver?
I så fall - vad skriver jag i html- och css-mallen?

Anmäl Ändra Svara
#2

Det borde väl bara vara att skriva, typ detta i css'n:

#dindiv a {
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-width: 1px;
}

#dindiv a:hover {
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
border-width: 1px;
}

/John

Anmäl Ändra Svara
#3
  • Medlem ●
  • Neverland
  • 2005-06-23 10:41

Guld! Tack för hjälpen.

Jag ska testa också.

Anmäl Ändra Svara
#4
  • Medlem ●
  • Mölndal
  • 2005-06-23 10:57

Finns någon anledning att skriva ut varje enskild border-sida? Tycker det borde räcka med kortformen

border: 1px solid #ffffff;

Anmäl Ändra Svara
#5
  • Medlem ●
  • Varberg
  • 2005-06-23 11:03
Ursprungligen av memark:

Finns någon anledning att skriva ut varje enskild border-sida? Tycker det borde räcka med kortformen

border: 1px solid #ffffff;

Ja, det räcker. Om man vill förkorta ännu mer räcker det med #fff istället för #ffffff.

Anmäl Ändra Svara
#6
Ursprungligen av memark:

Finns någon anledning att skriva ut varje enskild border-sida? Tycker det borde räcka med kortformen

border: 1px solid #ffffff;

Exakt, det räcker! Jag var lite lat och kopierade en gammal grej jag hade!

/John

Anmäl Ändra Svara
#7
  • Medlem ●
  • Neverland
  • 2005-06-23 11:47

Nu har jag testat. Men det verkar vara lite si och så med placeringen. 

#ruta1 a {
border: 1px solid #000000|000000;
border-width: 1px;
}

#ruta1 a:hover {
border: 1px solid #FFFFFF;
border-width: 1px;
}
<div id="ruta1" style="position: absolute; left: 10px; top: 10px; width: 20px; height:20 px; z-index:20;">
<a href="#"><img src="0.gif" width="20" height="20" border="0"></a>
</div>

<div id="bgr" style="position: absolute; left: 10px; top: 10px; width:20px; height: 20px; z-index:10;">
<a href="#"><img src="1.gif" width="20" height="20" border="0"></a>
</div>
Anmäl Ändra Svara
#8
  • Medlem ●
  • 2005-06-23 12:02

Vill du ha mouse-over på bilden eller på div-taggen bilden ligger i?
I CSS-definitionen har du angett 'a', men lagt referensen i en div-tagg. Kan vara det som ställer till det.

Anmäl Ändra Svara
#9
  • Oregistrerad ●
  • 2005-06-23 12:02
Ursprungligen av filuren:

Nu har jag testat. Men det verkar vara lite si och så med placeringen.

Prova det här istället:

#ruta1,#ruta1:hover{
border: 1px solid #000000;
position: absolute;
left: 10px;
top: 10px;
width: 20px;
height:20px;
display:block;
}

#ruta1:hover{
border: 1px solid #ffffff;
}
<a id="ruta1" href="#"><img src="0.gif" width="20" height="20" border="0"></a>

Varför hade du förresten två element som du placerade OVANPÅ varandra?

Anmäl Ändra Svara
#10
  • Medlem ●
  • Neverland
  • 2005-06-23 13:08
Ursprungligen av svinto_deluxe:

Varför hade du förresten två element som du placerade OVANPÅ varandra?

För att jag ville kolla att placeringen blev rätt.
(Och tur var väl det, eftersom jag knasade till det.)

Nu funkar det som tänkt. Stort tack och trevlig midsommar på er alla!

Anmäl Ändra Svara
1
Bevaka tråden
Nytt i forumet
Debatterade nyheter
Senaste nytt
2 Hur ser ditt julpynt ut hemma?
0 3 ljusa tips för att hålla inbrottstjuvarna borta – använd smart belysning!
12 Slutet på något gammalt - början på något nytt
5 Rykte: Apple väntas lansera en uppdaterad 27" iMac i början av 2022
22 99mac blir Macradion på en helt ny plattform
1 Macradion: Vi släpper lös kraften tillsammans
0 Apple backar på den nya designen av Safari i macOS Monterey
24 Apple släpper macOS Monterey den 25 oktober
0 HomePod mini kommer i fler färger
91 Apple presenterar MacBook Pro, M1 Pro och M1 Max
4 Apple presenterar tredje generationens AirPods
2 Så här ser du Apples event ikväll
1 Apple Watch Series 7 - är det värt att uppgradera?
0 Macradion: Unleash the MF appstore
7 Detta tror vi att Apple visar upp på eventet
1 Apple förlänger sitt serviceprogram för AirPods Pro
0 Rykte: MacBook Pro har samma leverantör av miniLED-paneler som iPad Pro
3 Apple bjuder in till event den 18 oktober
1 BaseLynx: Modulär laddstation utan gränser
1 Tile håller koll på allt från plånbok till nycklar men saknar en nyckelfunktion
0 Apple överklagar domen för betalning genom tredjepartsutvecklare i App Store
Copyright © 2024. Allt innehåll tillhör Svenska Tekniknyheter AB. Citering är tillåten om källan anges. Vi reserverar oss för eventuella informationsfel.
Om 99, RSS, Kontakta oss, Feedback, Trivselregler, Teknisk information och cookies