Sivu 1/1

html navi -palkki ongelmana

Lähetetty: Joulu 08, 2010 18 : 55
Kirjoittaja Tuukkah
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ä?

Lähetetty: Joulu 08, 2010 21 : 37
Kirjoittaja phist
mikä doctype? ja miks haluut skrollata sivusuunnassa? Se on ehkä käytettävyyden kannalta ankeinta.

koita vaikka 2 sisäkkäsitä diviä, ulomman leveys on se joku, minkä haluat ja sisemmän vaikka 2x se. css:ään overflow:auto;

Lähetetty: Joulu 08, 2010 23 : 18
Kirjoittaja Tuukkah
Joo oikeestaan luovuin tosta sivuttaispalkki ajatuksesta. Tarkotus siis laittaa kuvien thumbnailit jotenkin mukavasti selattavaan muotoon. Mutta luulen, että laitan ne pystyselaukseen...