text & image size i firefox

[anaton]

når man endrer på tekst-størrelsen i firefox (ctrl++) så forstørrer man vanligvis bare teksten og ikke bildene, dette fører til at nettsider ofte blir helt ødelagt. I Explorer og Opera derimot så forstørres også bildene, og på den måten beholder nettsiden sin form. noen som vet om det finnes noen koder som også får firefox til å endre bilde-størrelsen når man zoomer?

 

Jeg ser at www.regjeringen.no har klart å få til slik at når man zoomer deres side i firefox så forstørrer også bildene seg. Med andre ord, det finnes en måte å gjøre dette på...

 

noen forslag??

[Stian Jacobsen]

når man endrer på tekst-størrelsen i firefox (ctrl++) så forstørrer man vanligvis bare teksten og ikke bildene, dette fører til at nettsider ofte blir helt ødelagt. I Explorer og Opera derimot så forstørres også bildene, og på den måten beholder nettsiden sin form. noen som vet om det finnes noen koder som også får firefox til å endre bilde-størrelsen når man zoomer?

 

Jeg ser at www.regjeringen.no har klart å få til slik at når man zoomer deres side i firefox så forstørrer også bildene seg. Med andre ord, det finnes en måte å gjøre dette på...

 

noen forslag??

 

Lag separate stilskjemaer.. så bruker du javascript til å velge

[Kiman™]

Scalable CSS Buttons using PNG and backgroud images

[Stian Jacobsen]

Scalable CSS Buttons using PNG and backgroud images

Det har vell fint lite med å endre størrelser på bilder...

 

Lag en div der du setter style til størrelsen på bilde, f.eks

<div class="img_div" style="width: 100px; height: 100px;" id="bilde01">
<img src="http://www.progolfed.com/images/demo_image.jpg" alt="demo" title="Demo bilde" />
</div>

 

Så definerer du i css at alle bilder i denne skal være 100x100 %

div.img_div 
{
width: 100%;
height: 100%;
}

 

Så kan du med js endre slik

function rsize(divid, size)
{
var bildediv = document.getElementById(divid);
if(size == "medium")
{
bildediv.style.width = "200px";
bildediv.style.height = "200px";
}
if(size == "large")
{
bildediv.style.width = "400px";
bildediv.style.height = "400px";
}
}

[Kiman™]

Dette har veldig mye med å endre størrelsen på bilder å gjøre, bare se her på eksempelsiden fra siden jeg lenket til: Prøv ctrl og +/- her i Firefox

[anaton]

takker og bukker, det virker nå!

[Jesper Karsrud]

Kiman: Det er en vesentlig forskjell på det så skalere bakgrunnsbilder i forhold til det å skalere bilder i innholdet. Men for all del, det er en meget god guide den du kom med

[Kiman™]

Husker bare jeg bookmarka denne fordi den så bra ut, og det står heller ikke noe om at han skal bruke det kun på bilder i innholdet