html navi -palkki ongelmana
Lähetetty: Joulu 08, 2010 18 : 55
Eli koitan saada kuvia sivulle riviin ja ton scrollauksen liikkumaan horisontaalisti eli poikittain.
Mulla on style.css tiedostossa näin:
#scroll {
height:350px;
float:left;
overflow-x:scroll;
overflow-y:hidden;
}
Ja kuvat itse sivulla suurinpiirtein näin:
<div id="scroll">
<div class="item">
<A rel="kuvaryhmä1" href="kuva.jpg" ><IMG SRC="kuva_p.jpg" ALIGN=LEFT WIDTH=200 BORDER=0></a>
</div>
<div class="item">
<A rel="kuvaryhmä1" href="kuva2.jpg"><IMG SRC="kuva2_p.jpg" ALIGN=LEFT WIDTH=200 BORDER=0></a>
</div>
</div>
Ongelmana on että ainoastaan palkki tulee alas, mutta ei ollenkaan sitä jolla scrollata, eli näkyy vaan ne kuvat jotka siihen mahtuu, mutta ei pääse scrollaamaan sivulle. Olen koittanu googlella eri koodi juttuja mutta ei onnistu. Joku perus juttu menee pieleen, ilmeisesti kuvat menee päällekkäin jostain syystä?
Mulla on style.css tiedostossa näin:
#scroll {
height:350px;
float:left;
overflow-x:scroll;
overflow-y:hidden;
}
Ja kuvat itse sivulla suurinpiirtein näin:
<div id="scroll">
<div class="item">
<A rel="kuvaryhmä1" href="kuva.jpg" ><IMG SRC="kuva_p.jpg" ALIGN=LEFT WIDTH=200 BORDER=0></a>
</div>
<div class="item">
<A rel="kuvaryhmä1" href="kuva2.jpg"><IMG SRC="kuva2_p.jpg" ALIGN=LEFT WIDTH=200 BORDER=0></a>
</div>
</div>
Ongelmana on että ainoastaan palkki tulee alas, mutta ei ollenkaan sitä jolla scrollata, eli näkyy vaan ne kuvat jotka siihen mahtuu, mutta ei pääse scrollaamaan sivulle. Olen koittanu googlella eri koodi juttuja mutta ei onnistu. Joku perus juttu menee pieleen, ilmeisesti kuvat menee päällekkäin jostain syystä?