Witam jestem totalnie zielony z HTML CSS itp robię stronę w MS expression
web mam problem w tym ze ze przy mniejszych rozdzielczościach strona się nie zwęża się a jak zrobiłem stronę w mniejszej to znów się nie rozszerza. Czytałem wiele już postów ale ja nie wiem gdzie umieścić te wszystkie komendy.
web mam problem w tym ze ze przy mniejszych rozdzielczościach strona się nie zwęża się a jak zrobiłem stronę w mniejszej to znów się nie rozszerza. Czytałem wiele już postów ale ja nie wiem gdzie umieścić te wszystkie komendy.
Kod:
<head>
<meta http-equiv="Content-Language" content="pl">
<style type="text/css">
.style5 {
font-family: "Times New Roman", Times, serif;
font-size: 15pt;
color: #FF9F00;
}
</style>
<script type="text/javascript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body style="margin: 0; background-image: url('tlo.jpg')" onload="FP_preloadImgs(/*url*/'buttonBE.gif',/*url*/'buttonBF.gif',/*url*/'buttonC1.gif',/*url*/'buttonC2.gif',/*url*/'buttonC7.gif',/*url*/'buttonC8.gif',/*url*/'buttonCD.gif',/*url*/'buttonCE.gif')">
<div style="position: absolute; width: 171px; height: 162px; z-index: 1; left: 125px; top: 57px" id="layer1">
<img src="thalgo.png" width="198" height="161"></div>
<div style="position: absolute; width: 174px; height: 214px; z-index: 2; left: 1118px; top: 37px" id="layer2">
<img src="abacosun.png" width="175" height="208"></div>
<div style="position: absolute; height: 0px; z-index: 7; left: 379px; top: 225px; width: 85px" id="layer7" class="style5">
<a href="o%20firmie/O%20Firmie.htm">
<img style="border: 0" id="img1" src="buttonBD.gif" height="20" width="100" alt="O Firmie" fp-style="fp-btn: Metal Capsule 8; fp-transparent: 1" fp-title="O Firmie" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'buttonBE.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'buttonBD.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'buttonBF.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'buttonBE.gif')"></a></div>
<div style="position: absolute; width: 307px; height: 161px; z-index: 8; left: 566px; top: 83px" id="layer8">
<img src="joanna.png" width="295" height="145"></div>
<div style="position: absolute; width: 225px; height: 120px; z-index: 9; left: 710px; top: 86px" id="layer9">
<img src="gabinet.png" width="223" height="107"></div>
<div style="position: absolute; width: 91px; height: 0px; z-index: 10; left: 555px; top: 281px" id="layer10">
<img style="border: 0" id="img2" src="buttonC0.gif" height="20" width="100" alt="Cennik" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonC1.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonC0.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonC2.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonC1.gif')" fp-style="fp-btn: Metal Capsule 8; fp-transparent: 1" fp-title="Cennik"></div>
<div style="position: absolute; width: 99px; height: 24px; z-index: 11; left: 783px; top: 280px" id="layer11">
<img style="border: 0" id="img3" src="buttonC6.gif" height="20" width="100" alt="Galeria" fp-style="fp-btn: Metal Capsule 1; fp-transparent: 1" fp-title="Galeria" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC7.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC6.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC8.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC7.gif')"></div>
<div style="position: absolute; width: 99px; height: 22px; z-index: 12; left: 961px; top: 226px" id="layer12">
<a href="Kontakt/Kontakt.htm">
<img style="border: 0" id="img4" src="buttonCC.gif" height="20" width="100" alt="Kontakt" fp-style="fp-btn: Metal Capsule 1; fp-transparent: 1" fp-title="Kontakt" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'buttonCD.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'buttonCC.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'buttonCE.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'buttonCD.gif')"></a></div>
<div style="position: absolute; width: 243px; height: 170px; z-index: 13; left: 10px; top: 793px" id="layer13">
<img src="thalgo_reference.png" width="235" height="160"></div>
<div style="position: absolute; width: 229px; height: 191px; z-index: 14; left: 1177px; top: 760px" id="layer14">
<img src="3.Abacosun-Ultrasonic.png" width="228" height="187"></div>