/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Form CSS
Fra : Morten P. Andersen


Dato : 03-11-06 09:36

Dette stykke CSS virker ikke i IE..... hvad gør jeg så?

form input.button:hover {bla, bla, bla}

Jeg ønsker ikke at bruge grafik!

:)
Morten
www.lille-web.dk

 
 
Thrane (03-11-2006)
Kommentar
Fra : Thrane


Dato : 03-11-06 10:02


"Morten P. Andersen" <info@lille-web.dk> wrote in message
news:56f1e$454aff3a$5293ee62$26529@news.arrownet.dk...
> Dette stykke CSS virker ikke i IE..... hvad gør jeg så?
>
> form input.button:hover {bla, bla, bla}
>
> Jeg ønsker ikke at bruge grafik!
>
> :)
> Morten
> www.lille-web.dk

Har ikke løsningen, men benytetr selv:

<SCRIPT language=JavaScript>
<!--
function ButtonRollOver(butObj)
{

butObj.style.filter="progid:DXImageTransform.Microsoft.Gradient(gradientType
=0,startColorStr=#FFFFFF,endColorStr=#EEEEEE)";
}
function ButtonRollOff(butObj)
{

butObj.style.filter="progid:DXImageTransform.Microsoft.Gradient(gradientType
=0,startColorStr=#EEEEEE,endColorStr=#FFFFFF)";
}
-->
</SCRIPT>

<style type="text/css">
<!--
..sec_button {
font-weight: bold;
font-size: 10px;
color: #B00F1F;
font-family: Verdana;
height: 18px;
filter:
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EEE
EEE,endColorStr=#FFFFFF);
border: 1px solid #C7C7C7;
}
-->
</style>

<input name="Submit" type="submit" class="sec_button" value="login"
onMouseOver="ButtonRollOver(this);this.style.cursor='hand';"
onMouseOut="ButtonRollOff(this);" style="width:100px;">

/Thrane



Jørgen Farum Jensen (03-11-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 03-11-06 10:06

Morten P. Andersen skrev:
> Dette stykke CSS virker ikke i IE..... hvad gør jeg så?
>
> form input.button:hover {bla, bla, bla}
>
> Jeg ønsker ikke at bruge grafik!

IE<7 fortolker kun :hover på a-elementet.
Derfor er du nødt til at bruge en behavior,
for eksempel Peter Nederhoffs whatever:hover,
eller Dean Edwards' IE7 JavaScript patch, se
siden
http://www.webdesign101.dk/ie7/eksempler/index.php

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Morten P. Andersen (03-11-2006)
Kommentar
Fra : Morten P. Andersen


Dato : 03-11-06 13:51

TAK for jeres svar
:)
Morten

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste