Hjælp til salg (Ikke internet)

Svar: Sprites vises i IE men ikke i firefox?

Jens H — Fri, 07 Mar 2014 14:42:54 GMT

Det var bestemt så lidt. God fornøjelse med projektet :)

Svar: Sprites vises i IE men ikke i firefox?

Birkelund — Fri, 07 Mar 2014 11:29:58 GMT

Mange tak for den gode hjælp, og fordi at du gad at sætte tid af, selvom du var optaget af en anden opgave.

Absolut en af de største grunde til at man bruger så meget tid her på amino, er den hjælpsomhed man finder herinde.

Svar: Sprites vises i IE men ikke i firefox?

Jens H — Thu, 06 Mar 2014 07:19:55 GMT

Jeg tilføjer dig lige på skype senere idag, så kan vi prøve at debugge det sammen.

Svar: Sprites vises i IE men ikke i firefox?

Birkelund — Thu, 06 Mar 2014 03:32:22 GMT

Jeg kan simpelthen ikke forstå hvordan du har fået det til at lykkes.... min kode er nu rettet til

.twitte_box{
   background-image: url('../images/sprite/sprites-1.png');
   background-repeat: no-repeat;
   background-position: -152px -398px ;
   width: 19px;
   height: 20px;
   display: block;

}

Men det virker stadig ikke.

Jeg fatter heller ikke helt at en side som GTmetrix benytter firefox men stadig skriver som et tip at man bør benytte sprite.. SÅ må det jo kunne lade sig gøre.

http://gtmetrix.com/reports/www.eshop-logistics.dk/pRaIPV9M

Svar: Sprites vises i IE men ikke i firefox?

Jens H — Wed, 05 Mar 2014 22:01:24 GMT

ps. tilføj et display:block eller inline-block, så slipper du for   i div'en :)

Svar: Sprites vises i IE men ikke i firefox?

Jens H — Wed, 05 Mar 2014 21:57:21 GMT

Hej Morten,

Det er her det mangler:

.service-1 {
background-position: 0 0;
width: 84px;
height: 84px;[HER]
.twitte_box {
background-position: -152px -398px;
width: 19px;
height: 20px;
}

Du kan bare højreklikke og vælge vis kildekode så kan du se hvordan jeg har lavet det, ellers er CSS'en her:

.twitte_box {
background-image: url('/images/logo.png');
background-repeat: no-repeat;
background-color: #b94a48;
display: block;
background-position: -152px -25px;
width: 500px;
height: 200px;
}

Svar: Sprites vises i IE men ikke i firefox?

Birkelund — Wed, 05 Mar 2014 18:54:44 GMT

Hej Ole

Der mangler ikke et }

Det er fordi at billedet både skal gælde for .service-1, og twitte_box. De bliver adskilt af et komma

Jeg kan se dit eksempel i både IE og firefox. Jeg forstår dog ikke, for alle steder jeg har læst, så understøtter firefox ikke background-position: X Y eftersom at det ikke er den officielle standard, men istedet noget IE har fundet på.

Jeg vil meget gerne høre hvordan du har lavet dit eksempel som virker både i IE og firefox.

Du kan kontakte mig her med PM eller Skype : mortenbirkelund

Jeg håber at høre fra dig.

Svar: Sprites vises i IE men ikke i firefox?

Adam Touhou — Wed, 05 Mar 2014 18:29:05 GMT

Denne kode bliver vist i alle browsere: <style>

.twitte_box {

background: url(http://www.amino.dk/filestorage/CommunityServer.Components.Avatars/00/00/00/75/24/4TDMHSL5HGS0.jpg-80x80.jpg) no-repeat;}

background-position: -152px -398px;

width: 19px;

height: 20px;

}

</style>

Såvel gør din kode..

Jeg er på Mac OS X 10.9 med Firefox 27.0.1

Svar: Sprites vises i IE men ikke i firefox?

Adam Touhou — Wed, 05 Mar 2014 18:15:40 GMT

Denne kode bliver vist i alle browsere: <style>

.twitte_box {

background: url(http://www.amino.dk/filestorage/CommunityServer.Components.Avatars/00/00/00/75/24/4TDMHSL5HGS0.jpg-80x80.jpg) no-repeat;}

background-position: -152px -398px;

width: 19px;

height: 20px;

}

</style>

Såvel gør din kode..

Jeg er på Mac OS X 10.9 med Firefox 27.0.1

Svar: Sprites vises i IE men ikke i firefox?

Jens H — Wed, 05 Mar 2014 17:52:38 GMT

Du kan evt. kigge her: http://rocha.dk/clients/bp.php - der har jeg lavet et eksempel som du kan prøve i de forskellige browsere

Svar: Sprites vises i IE men ikke i firefox?

Jens H — Wed, 05 Mar 2014 17:41:43 GMT

Du mangler et } lige før .twitte_box - måske det kan afhjælpe det.

Svar: Sprites vises i IE men ikke i firefox?

Birkelund — Wed, 05 Mar 2014 09:47:04 GMT

Jeg kan læse mig til at det er denne her "Background-position:" som åbenbart er noget IE har opfundet, og det derfor ikke er alle browsere der har taget den til sig.(I kan godt høre at jeg er modstander af IE og deres mulighed for at gøre som det passer dem)

Er der nogen der ved hvordan jeg kan skrive denne kode korrekt så den vises i alle browsere?

Sprites vises i IE men ikke i firefox?

Birkelund — Wed, 05 Mar 2014 07:24:34 GMT

Hej allesammen

Jeg har lavet et sprite billede, som af en eller anden grund gerne vil vises i IE men ikke i firefox?

sprites.css

.service-1,
.twitte_box {
background: url(/templates/eshop/images/sprite/sprites-1.png) no-repeat;}

.service-1 {
background-position: 0 0;
width: 84px;
height: 84px;
.twitte_box {
background-position: -152px -398px;
width: 19px;
height: 20px;
}

Og så har jeg indsat den flg. kode på min side

Er der en venlig amino der kan hjælpe med hvilken den af min kode som IE godtager, men firefox ikke gør? Normalt så plejer det at være omvendt ;)