19-02-2011, 08:08
Witam,chciałem was prosić o pomoc dotyczącą cssa a dokładnie strony budowanej na divach.Otóż od kilku dni ucze sie css i do tej pory nie moge rozgryźć co robie nie tak,że elementy które dodaje do strony przy zmniejszeniu wielkości oglądanego okna przeglądarki(NIE ROZDZIELCZOŚCI!) zachowują sie dziwnie,wygląda to tak jakby sie nie skalowały.kwadrat,który jest wycentrowany(taka idea strony-tło główne jest dookoła ale właściwa strona jest wyświetlana w mniejszym oknie i o tym mówie) zachowuje sie normalnie,natomiast reszta ...ciężko mi to opisać.Po prostu pozostałe elementy nie zmiejszają sie proporcjonalnie wraz z oknem przeglądarki i nie przemieszczają sie tak jak ww. kwadrat.
Kod:
<html>
<head>
<style type="text/css">
body {
background-image: url("tla/podklad.gif");
font-size:18px;
font-style:oblique;
}
.prostokat {
position: absolute;
text-align:center;
top:1%
}
.menu {
position: absolute;
left:17%;
top:20%;
}
.Home {
position: absolute;
left:17%;
top:25%;
}
.onas {
position:absolute;
left:17%;
top:30%;
}
.kontakt {
position:absolute;
left:17%;
top:35%;
}
.dojazd {
position:absolute;
left:17%;
top:40%;
}
.pole {
position:absolute;
left:28%;
top:22%;
}
.numer {
position:absolute;
left:39%;
top:23%;
}
</style>
<meta content="text/html; charset=ISO-8859-2" http-equiv="content-type">
<title>index.html</title>
</head>
<body>
<!--prostok±t,menu-->
<div class="prostokat"><img style="width: 70%; height: 80%;" alt="" src="tla/tlo.jpg"></div>
<!--Button1-->
<div class="menu"><img style="width: 100%; height: 100%;" alt="" src="Buttony/menu.png"></div>
<!-- przycisk home-->
<div class="home"><a href="index.html" onmouseover='rollover1.src="buttony/home2.png"' onmouseout='rollover1.src="buttony/home.png"'><img src="buttony/home.png" name="rollover1" border="0" height="100%" width="100%"></a></div>
<!--przycisk o nas-->
<div class="onas"><a href="Onas.html" onmouseover='rollover2.src="buttony/onas2.png" ' onmouseout='rollover2.src="buttony/onas.png"'><img src="buttony/onas.png" name="rollover2" border="0" height="100%" width="100%"></a></div>
<!--przycisk Kontakt-->
<div class="kontakt"><a href="Kontakt.html" onmouseover='rollover3.src="buttony/kontakt2.png" ' onmouseout='rollover3.src="buttony/kontakt.png"'><img src="buttony/kontakt.png" name="rollover3" border="0" height="100%" width="100%"></a></div>
<!--przycisk dojazd-->
<div class="dojazd"><a href="Dojazd.html" onmouseover='rollover4.src="buttony/dojazd2.png" ' onmouseout='rollover4.src="buttony/dojazd.png"'><img src="buttony/dojazd.png" name="rollover4" border="0" height="100%" width="100%"></a></div>
<!--tło tekstowe-->
<div class="pole"><img style="width: 100%; height: 100%;" alt="" src="tla/textowe.png"></div>