style.css fragment
Kod
body {
anyway;
font-family: tahoma, arial, serif;
color: #fff;
font-size: 10px;
background: #272727 url('img/topbgr.gif') repeat-x 0 0;
}
div#nav {
background: url('img/nav.gif') no-repeat;
position: absolute;;
right: 7px;
top: 64px;
width: 50px;
height: 26px;
}
div#nav img.left {
margin-top:6px;
margin-left:7px;
}
div#nav img.right {
margin-top:5px;
margin-left:14px;
}
div.projekt {
width: 100%;
position: absolute;
left: 0;
top: 67px;
z-index: 1;
}
anyway;
font-family: tahoma, arial, serif;
color: #fff;
font-size: 10px;
background: #272727 url('img/topbgr.gif') repeat-x 0 0;
}
div#nav {
background: url('img/nav.gif') no-repeat;
position: absolute;;
right: 7px;
top: 64px;
width: 50px;
height: 26px;
}
div#nav img.left {
margin-top:6px;
margin-left:7px;
}
div#nav img.right {
margin-top:5px;
margin-left:14px;
}
div.projekt {
width: 100%;
position: absolute;
left: 0;
top: 67px;
z-index: 1;
}
lista.php fragment
Kod
echo '<div style="background:'.$kolor_tla.' url(\''.$tlo.'\') 0 100%;" class="projekt">';
echo '<div style="margin-top:-65px; " id="nav">';
if ($_GET['porcja']==0 AND $kat=="Web" )
{
echo '<a href="web.php"><img class="left" src="img/arrow-l-b.gif" /></a>';
}
else
{
echo '<a href="?porcja='.($_GET['porcja']-1).'&kat='.$kat.'"><img class="left" src="img/arrow-l-b.gif" /></a>';
}
if ($_GET['porcja']==$iloscWpisow AND $kat=="Web")
{
echo '<a href="id.php"><img class="right" src="img/arrow-r-b.gif" /></a>';
}
else
{
echo '<a href="?porcja='.($_GET['porcja']+1).'&kat='.$kat.'"><img class="right" src="img/arrow-r-b.gif" /></a>';
}
echo '</div>';
echo '<img id="bigshow" src="'.$adres.'" alt="Grafika" />';
echo '<!--[if IE]>';
echo '<div id="wrap"></div>';
echo '<![endif]-->';
echo '<p style="color:'.$kolor.'" class="podpis">';
echo $podpis;
echo '<font color="'.$kolor2.'" class="podpis">';
echo $podpis2;
echo '<div style="margin-top:-65px; " id="nav">';
if ($_GET['porcja']==0 AND $kat=="Web" )
{
echo '<a href="web.php"><img class="left" src="img/arrow-l-b.gif" /></a>';
}
else
{
echo '<a href="?porcja='.($_GET['porcja']-1).'&kat='.$kat.'"><img class="left" src="img/arrow-l-b.gif" /></a>';
}
if ($_GET['porcja']==$iloscWpisow AND $kat=="Web")
{
echo '<a href="id.php"><img class="right" src="img/arrow-r-b.gif" /></a>';
}
else
{
echo '<a href="?porcja='.($_GET['porcja']+1).'&kat='.$kat.'"><img class="right" src="img/arrow-r-b.gif" /></a>';
}
echo '</div>';
echo '<img id="bigshow" src="'.$adres.'" alt="Grafika" />';
echo '<!--[if IE]>';
echo '<div id="wrap"></div>';
echo '<![endif]-->';
echo '<p style="color:'.$kolor.'" class="podpis">';
echo $podpis;
echo '<font color="'.$kolor2.'" class="podpis">';
echo $podpis2;
No i gdy obrazek (którego adres jest w zmiennej $adres) jest wielkości jednego "okna" jest wszytsko ok. Ale problem pojawia się wtedy kiedy obrazek jest szerszy i pojawia się scroll na dole , strzałki owszem wyswietlają się tak jak powinny, niestety wówczas ten fragment strony który jest ponad to jedno "okno" czyli po przesunięcia dolnego scrolla nie ma tła a właściwie tło jest tylko to które jest określone dla całego body :/ Nie wiem jak sobie z tym poradzić. Próbowałem z ustawieniem strzałek w ten sposób żeby były one zawsze położone wedle współżędnych x i y co by uprościło sprawe bo wówczas nie określał bym szerokości divu projekty na 100% , ale nigdzie nie znalazłem odpowiedzialnego za to polecenia



O to jak to wsyztsko wygląda w praktyce :
http://www.electronicweb.eu/lista.php?porcja=2&kat=Web