Hjælp til salg (Ikke internet)

Svar: Ahhh html'en driller HJÆLP

Elias Sørensen — Fri, 13 Apr 2012 09:32:18 GMT

Johnny Nørgaard:

KTJ-Media.dk:

Mikael Rasmussen:

<a href="/shop/cms-sparfragt.html" style="outline:none;" target="_blank"><img src="../images/Halv fragt-t.jpg" style="border:0;margin-left:8px;width:160px;" alt=""></

width:160px, laver den til at være 160px uanset billedets oprindelige størrelse, også selvom billedet er mindre, men hvis det er det trådstarter vil, og ikke sætte det et billede max må være i størrelsen. så er det jo fint.

max-width gør det at den kun gør billeder mindre hvis de er større end den angivende størrelse.

MVH Kim

Det vil sige at det er bedre at skrive style="border:0;margin-left:8px;max-width:160px;" alt="">?

Ja - ellers bliver billedet strukket, hvis det er bredere end 160px.

Dog burde du uanset hvad finde en thumbnail-generator til at generere billedet til 160px on-the-fly. Det har flere fordele:

Hvis billedet nu er 2000x????px, så skal brugeren hente HELE det billede, og så sætter browseren størrelsen ned. Derfor fylder billedet måske 1MB, hvor det som thumbnail ville fylde måske 8KB.
Browsere skalerer ikke billeder særligt pænt. Tit bliver de grynede og "hakkede" at se på - hvor f.eks. GDLib eller ImageMagick ville skalere billedet pænt med anti-alias og interpolating m.m.

Svar: Ahhh html'en driller HJÆLP

Kim Tetzlaff - Kim Tetzlaff ApS — Fri, 13 Apr 2012 09:30:45 GMT

Glemte lige at sige at det er en god ide at bruge class i css filer i stedet for at lave inline css kode. så kan du nemmere styre det hele og lave ændringer globalt.

MVH Kim

Svar: Ahhh html'en driller HJÆLP

Kim Tetzlaff - Kim Tetzlaff ApS — Fri, 13 Apr 2012 09:29:02 GMT

Johnny Nørgaard:
Det vil sige at det er bedre at skrive style="border:0;margin-left:8px;max-width:160px;" alt="">?

Ja, altså det klart bedste er jo at tage billedet ind i et billedredigeringsværktøj, og lave billedet i den størrelse det skal bruges i på hjemmesiden, det gør at det loader lidt hurtigere hos brugeren.

det kommer helt an på situationen for hvad der er bedst, dog ville jeg aldrig nogen sinde skallere et billede til en større størrelse, via HTML eller CSS, og der er css koden max-width en god løsning. Men som sagt kommer det an på situationen. har du fx mange billeder som kan være dynamiske, som max må være en bestemt størrelse, så er det nemmere at bruge max-width, dog er width bagudkompatibel så hvis du henvender dig til mange brugere som bruger en gammel browser, så er width bedst.

Men som sagt er det altid bedst at gøre billedet fysisk mindre, for med ovenstående skal brugeren stadig hente det fulde billede, og det er kun browseren som gør det mindre (visuelt)

MVH Kim

Svar: Ahhh html'en driller HJÆLP

Johnny Nørgaard — Fri, 13 Apr 2012 09:09:54 GMT

KTJ-Media.dk:

Mikael Rasmussen:

<a href="/shop/cms-sparfragt.html" style="outline:none;" target="_blank"><img src="../images/Halv fragt-t.jpg" style="border:0;margin-left:8px;width:160px;" alt=""></

width:160px, laver den til at være 160px uanset billedets oprindelige størrelse, også selvom billedet er mindre, men hvis det er det trådstarter vil, og ikke sætte det et billede max må være i størrelsen. så er det jo fint.

max-width gør det at den kun gør billeder mindre hvis de er større end den angivende størrelse.

MVH Kim

Det vil sige at det er bedre at skrive style="border:0;margin-left:8px;max-width:160px;" alt="">?

Svar: Ahhh html'en driller HJÆLP

Kim Tetzlaff - Kim Tetzlaff ApS — Fri, 13 Apr 2012 09:06:54 GMT

Mikael Rasmussen:

<a href="/shop/cms-sparfragt.html" style="outline:none;" target="_blank"><img src="../images/Halv fragt-t.jpg" style="border:0;margin-left:8px;width:160px;" alt=""></

width:160px, laver den til at være 160px uanset billedets oprindelige størrelse, også selvom billedet er mindre, men hvis det er det trådstarter vil, og ikke sætte det et billede max må være i størrelsen. så er det jo fint.

max-width gør det at den kun gør billeder mindre hvis de er større end den angivende størrelse.

MVH Kim

Svar: Ahhh html'en driller HJÆLP

Johnny Nørgaard — Fri, 13 Apr 2012 08:57:50 GMT

Super den virker takker :-)

Svar: Ahhh html'en driller HJÆLP

Mikael Rasmussen — Fri, 13 Apr 2012 08:54:07 GMT

<a href="/shop/cms-sparfragt.html" style="outline:none;" target="_blank"><img src="../images/Halv fragt-t.jpg" style="border:0;margin-left:8px;width:160px;" alt=""></

Svar: Ahhh html'en driller HJÆLP

Kim Tetzlaff - Kim Tetzlaff ApS — Fri, 13 Apr 2012 08:52:33 GMT

først og fremmest skal du ikke lave inline styling, og det bedste er klart at du (fysisk) laver billedet den størrelse det skal være. Når det så er sagt, så kan du bruge css koden.

max-width:160px; til at fortælle at billedets max bredde kun må være 160px

MVH Kim

Ahhh html'en driller HJÆLP

Johnny Nørgaard — Fri, 13 Apr 2012 08:42:04 GMT

Hejsa

Jeg har et par billeder på webshoppen som jeg sætter ind med html, men kan man ikke styre bredden på billedet i htmlen?

HTLMen ser sådan her ud nu:

Men billedet må helst ikke være breddere end 160 pixel.

Hvad gør jeg??