Java navigaatio

Webe

Olen tekemässä sivuilleni linkkejä ja kun hiiren vetää linkin päälle avautuisi alle lisää "ali linkkejä". Kaikki toimii tähän mennessä muuten hyvin mutta Internet exploreria lukkunottamatta linkit, jotka ovat linkitettyjä kuvia menevät päällekkäin. Jos tuossa css tiedostossa laittaa leveydeksi #nav li:ssä width:63px (etusivu.gif:in leveys), niin pidemmät linkkikuvat kuten palvelut saavat liian vähän tilaa. Olisiko jotain tapaa saada ne näkymään oikein?


   
            
         
      
      
      
                   
                     
                     Linkkejä
                     Jotain
                     Jutskia
                     Muuta
                     Hommeleita
                     
                     
                     
                     
          
                               
                     
                     Linkkejä
                     Jotain
                     Jutskia
                     Muuta
                     Hommeleita
                     
                     
                     
         
                                     
                     
                     Linkkejä
                     Jotain
                     Jutskia
                     Muuta
                     Hommeleita
                     
                     





ja css tiedosto on tälläinen:



#nav, #nav ul
{
padding: 0;
margin: 0;
list-style: none;
      padding-left:0px;
      }

#nav li ul
{
display: none;
position: absolute;
top: 23px;
left:0px;
      }
      


#nav li
{
float: left;
      position: relative;
    width:0px;
      text-align:center;
      }

      
#nav li:hover ul, #nav li.over ul
{
display: block;
    }
      

#nav li li a, #nav li li a:hover
{
   width:150px;
height:19px;
display:block;
      padding-left:4px;
      background: none;
background-color:#102A35;
      font-family: Verdana;
      font-size:7.5pt;
color:#A1C4AE;
font-weight:bold;
text-decoration:none;
padding-top:4px;
border:1px solid #B7BD99;
    border-bottom:none;
    opacity: .8;
    filter: alpha(opacity=80);
text-align:left;
      }

#nav li li a:hover
{
   color:#ffffff;
   }



Toivottavasti ymmärsitte.

22

1200

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Höpö

      ..miten tämä mukamas liittyy Javaan (tai edes JavaScriptiin).

      Mutta oisko tuolla jotain tekemistä ongelmasi kanssa:

      #nav li
      {
      float: left;
      position: relative;
      width:0px;
      text-align:center;
      }

      jos lisäät leveyttä haluamaksesi niin vois mennä paremmin.

      Mun IE:llä ei kyllä nuo pudotusvalikot näy ollenkaan..

      • Webe

        Tottakai tuo pudotus valikko tarvitsee javasripiä toimiakseen.

        Jos laitan #nav li:in leveyttä sen 63px niin silloin sen lisää jokaiseen kuvalinkkiin sen 63px:iä. Eli se etusivu linkki joka on leveydeltään sen 63px on sopiva, mutta kun tulee pidempiä kuvalinkkejä niin se laittaa niidenkin leveydeksi sen 63px jolloin seuraava kuvalinkki alkaa sen pidemmän päältä.

        Jotta pudotusvalikot toimisivat ne tarvitsevat vielä erillisen javasript määrityksen

      • Höpö
        Webe kirjoitti:

        Tottakai tuo pudotus valikko tarvitsee javasripiä toimiakseen.

        Jos laitan #nav li:in leveyttä sen 63px niin silloin sen lisää jokaiseen kuvalinkkiin sen 63px:iä. Eli se etusivu linkki joka on leveydeltään sen 63px on sopiva, mutta kun tulee pidempiä kuvalinkkejä niin se laittaa niidenkin leveydeksi sen 63px jolloin seuraava kuvalinkki alkaa sen pidemmän päältä.

        Jotta pudotusvalikot toimisivat ne tarvitsevat vielä erillisen javasript määrityksen

        »Tottakai tuo pudotus valikko tarvitsee javasripiä toimiakseen.»

        Näinhän ei ole. Pudotusvalikon pystyy tekemään aivan hyvin puhtaalla html css -koodauksella, eikä se että InternetExplorin surkeata css-tukea joudutaan korjaamaan JavaScript -viritelmillä muuta asiaa.

        Eikä tuota paskaselainta varten tehtyä bugikorjausta muuten ole teoteutettu Javalla vaan JavaScriptillä.
        Javalla ja JavaScriptillä on muuten kutakuinkin yhtä paljon tekemistä keskenään kuin karhulla ja muurahaiskarhulla (eli varsin vähän).


        Mutta asiaan:
        Oikeastaan tuossakin on IE:n css-tuessa bugi, sillä jos leveys on asetettu nollaksi niin kuvien pitäisikin olla päällekäin (vaikkei IE sitä ymmärräkään).

        Mikset jätä sitä leveyttä kokonaan pois?

      • Webe
        Höpö kirjoitti:

        »Tottakai tuo pudotus valikko tarvitsee javasripiä toimiakseen.»

        Näinhän ei ole. Pudotusvalikon pystyy tekemään aivan hyvin puhtaalla html css -koodauksella, eikä se että InternetExplorin surkeata css-tukea joudutaan korjaamaan JavaScript -viritelmillä muuta asiaa.

        Eikä tuota paskaselainta varten tehtyä bugikorjausta muuten ole teoteutettu Javalla vaan JavaScriptillä.
        Javalla ja JavaScriptillä on muuten kutakuinkin yhtä paljon tekemistä keskenään kuin karhulla ja muurahaiskarhulla (eli varsin vähän).


        Mutta asiaan:
        Oikeastaan tuossakin on IE:n css-tuessa bugi, sillä jos leveys on asetettu nollaksi niin kuvien pitäisikin olla päällekäin (vaikkei IE sitä ymmärräkään).

        Mikset jätä sitä leveyttä kokonaan pois?

        No juuh. Testasin nyt ilman tuota leveyden määritystä niin nyt linkit menevät oikein. Ainoana ongelmana tulee nyt vain että firefoxilla katsottuna pudotusvalikot menevät nyt vierekkäin eivätkä päällekkäin. Viitsisitkö vielä auttaa vielä tähän ongelmaan ?

      • yugyug
        Webe kirjoitti:

        No juuh. Testasin nyt ilman tuota leveyden määritystä niin nyt linkit menevät oikein. Ainoana ongelmana tulee nyt vain että firefoxilla katsottuna pudotusvalikot menevät nyt vierekkäin eivätkä päällekkäin. Viitsisitkö vielä auttaa vielä tähän ongelmaan ?

        pudotusvalikkojen ja eri selainten kanssa pelleily on helvettiä eikä sitä ikinä saa toimimaan täydellisesti. joten jos vaan kokeilisit jotain valmista valikkozydeemiä?
        Yksi hyvä: http://www.brothercake.com/dropdown/

      • Webe
        yugyug kirjoitti:

        pudotusvalikkojen ja eri selainten kanssa pelleily on helvettiä eikä sitä ikinä saa toimimaan täydellisesti. joten jos vaan kokeilisit jotain valmista valikkozydeemiä?
        Yksi hyvä: http://www.brothercake.com/dropdown/

        Kerrataanpa vielä. Kun olen ottanut navi css tiedostosta pois sen leveyden niin linkit näkyvät päällisinpuolin olevan oikein kaikilla selaimilla. Kun laittaa hiiren linkkien päälle niin pudotusvalikot menevät vierekkäin eivätkä päällekkäin niinkuin pitäisi.

        Jos taas laitan navi css tiedostoon leveyden 63px:iin niin ensimmäinen linkki, mikä on tässä tapauksessa etusivulle menevä linkki näkyy oikein, koska on juuri tuon 63px:lin kokoinen. Muut linkit jotka ovat pidempiä kuin 63 menevät toistensa päälle.

        Joten onko mahdollista määritälle jokaisella tagille oma pituutensa (
        ), jolloin linkit eivät menisi toistensa päälle? Tai onko mahdollista määrittää ne pudotusvalikot menemään päällekkäin, kun pituutta (width:) ei ole nav css tiedostoon määritetty?

    • Yucca

      Tarkoititpa Javaa tai JavaScriptiä, olet tekemässä väärää asiaa.

      Navigoinnin rakentaminen niiden varaan on todella hölmöläisten hommaa (raskasta _ja_ vahingollista), etenkin kun otetaan huomioon, että hakukoneet eivät seuraa niillä tehtyjä "linkkejä".

      • Webe

        No kerro miten minun kannattaa navigaationi sitten tehdä? Linkit tulevat omina kuvinaan ja niistä pitää tulla ne pudotusvalikot.

        Kävin katselemassa yugyugin pistämän sivuston navigaatioita ja näyttivät olevan samallatavalla tehtyjä.

      • Yucca
        Webe kirjoitti:

        No kerro miten minun kannattaa navigaationi sitten tehdä? Linkit tulevat omina kuvinaan ja niistä pitää tulla ne pudotusvalikot.

        Kävin katselemassa yugyugin pistämän sivuston navigaatioita ja näyttivät olevan samallatavalla tehtyjä.

        Tee navigointi linkeillä, ja muista, että tällöin "vähemmän on enemmän". Navigointilinkkien sopiva määrä on 1 - 7, paitsi sivuilla, joiden päätarkoitus on navigointi (esim. pääsivu tai ns. site map).

        Kuvalinkit, joista putoilee valikoita jos sattuu, ovat pahanlaatuista peeloilua. Käytettävyystutkijat kertovat, mikä niissä on vikana, jos terve järki ei riitä kertomaan.

      • Höpö
        Yucca kirjoitti:

        Tee navigointi linkeillä, ja muista, että tällöin "vähemmän on enemmän". Navigointilinkkien sopiva määrä on 1 - 7, paitsi sivuilla, joiden päätarkoitus on navigointi (esim. pääsivu tai ns. site map).

        Kuvalinkit, joista putoilee valikoita jos sattuu, ovat pahanlaatuista peeloilua. Käytettävyystutkijat kertovat, mikä niissä on vikana, jos terve järki ei riitä kertomaan.

        ..ollenkaan mitä tuossa lopulta ollaan tekemässä.
        Tuossa pudotusvalikossa on nimenomaan kyse linkeillä tehdyistä linkeistä. Nämä linkin nyt vain ovat laitettu listaan (mikä ei ole mielestäni ollenkaan huono asia.

        Selvemmin koodattuna näin:

           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           
           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           
           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           



        Kyseessä on siis aivan siisti ja havainnollinen linkkilista joka kaikenlisäksi toimii css:ää muuttamalla sitemappina.

        Tarkoitus ei varmaan olekaan laittaa tuota käyttöön ennenkuin on varmistettu että se toimii yleisimmillä selaimilla.
        JA vaikka ei toimisikaan niin ne juurilinkit toimivat (eli navigointi toimii). Nuo alemmat ovat sitten alasivuja joihin toivottavasti tekijä älyää rakentaa jonkin konstin ettei navigointi lopu kesken surffailun.

        Sitä en kyllä ole tajunnut miksi listan juurilinkit pitää toteuttaa kuvilla ja vielä kaikenlisäksi vaihtelemankokoisilla kuvilla, sillä sehän se ongelma tuossa juuri on.
        Muutenhan voisi pölliä vaikka suoraan suckerfishin pudotusvalikon:

        http://www.htmldog.com/articles/suckerfish/dropdowns/example/

        Yucca on hyvä ja katsoo vaikka Lynxillä niin huomaa että tuo navigointi toimii.

      • Yucca
        Höpö kirjoitti:

        ..ollenkaan mitä tuossa lopulta ollaan tekemässä.
        Tuossa pudotusvalikossa on nimenomaan kyse linkeillä tehdyistä linkeistä. Nämä linkin nyt vain ovat laitettu listaan (mikä ei ole mielestäni ollenkaan huono asia.

        Selvemmin koodattuna näin:

           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           
           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           
           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           



        Kyseessä on siis aivan siisti ja havainnollinen linkkilista joka kaikenlisäksi toimii css:ää muuttamalla sitemappina.

        Tarkoitus ei varmaan olekaan laittaa tuota käyttöön ennenkuin on varmistettu että se toimii yleisimmillä selaimilla.
        JA vaikka ei toimisikaan niin ne juurilinkit toimivat (eli navigointi toimii). Nuo alemmat ovat sitten alasivuja joihin toivottavasti tekijä älyää rakentaa jonkin konstin ettei navigointi lopu kesken surffailun.

        Sitä en kyllä ole tajunnut miksi listan juurilinkit pitää toteuttaa kuvilla ja vielä kaikenlisäksi vaihtelemankokoisilla kuvilla, sillä sehän se ongelma tuossa juuri on.
        Muutenhan voisi pölliä vaikka suoraan suckerfishin pudotusvalikon:

        http://www.htmldog.com/articles/suckerfish/dropdowns/example/

        Yucca on hyvä ja katsoo vaikka Lynxillä niin huomaa että tuo navigointi toimii.

        Kysymyksen otsikossa puhuttiin Javasta (ja myöhemmin sekoiltiin JavaScriptistä). Jos siinä _ei_ ajettu takaa linkkien korvaamista Java- tms. hässäköillä, niin missä koko ongelma oli?

        Ongelma _on_ kyllä olemassa, sillä navigoinnissa pudotusvalikot (teknisestä toteutuksestaan riippumatta) ovat huonoa käytettävyyttä. Sitä huonompia, mitä enemmän niissä on sisäkkäisyyttä.

        Kokeilepa esimerkiksi mennä mainostamallesi sucker-sivulle, irrottaa hiiri koneesta ja sen jälkeen navigoida.

        (Aika huvittavaa muuten, että puhut käytettävyydestä Lynxillä, vaikka linkkinä olevissa kuvissa on alt="". Jos sanot, että se oli vain esimerkki, niin vastaan, että annoit siis aivan väärän esimerkin.)

      • Höpö
        Yucca kirjoitti:

        Kysymyksen otsikossa puhuttiin Javasta (ja myöhemmin sekoiltiin JavaScriptistä). Jos siinä _ei_ ajettu takaa linkkien korvaamista Java- tms. hässäköillä, niin missä koko ongelma oli?

        Ongelma _on_ kyllä olemassa, sillä navigoinnissa pudotusvalikot (teknisestä toteutuksestaan riippumatta) ovat huonoa käytettävyyttä. Sitä huonompia, mitä enemmän niissä on sisäkkäisyyttä.

        Kokeilepa esimerkiksi mennä mainostamallesi sucker-sivulle, irrottaa hiiri koneesta ja sen jälkeen navigoida.

        (Aika huvittavaa muuten, että puhut käytettävyydestä Lynxillä, vaikka linkkinä olevissa kuvissa on alt="". Jos sanot, että se oli vain esimerkki, niin vastaan, että annoit siis aivan väärän esimerkin.)

        Ei tuolla ollut ensimmäistäkään img -tagia joten en ymmärrä mihin kohtaan sinne olisi voinut laittaa alt -attribuutin.

        Toisekseen minä en kyllä osaa navigoida MILLÄÄN sivulla ilman hiirtä. Ainoastaa formin kentistä pääsen toiseen.


        Vaan takaisin aiheeseen:
        »Jos siinä _ei_ ajettu takaa linkkien korvaamista Java- tms. hässäköillä, niin missä koko ongelma oli?»
        Kyse oli css:llä muotoillusta ulkonäköongelmasta. Ja se JavaScripti siinä on pelkkä bugikorjaus IE:n käyttäjille. Tuolla tekniikalla toteutetun navigaation kanssa voi yhtä hyvin voisi sulkea sekä tyylitiedoston että JavaScriptin pois ja navigaatio toimisi silti.

        Jos kerrot että tyylitiedoston käyttö on käytettävyyden kannalta huono asia niin sitten ymmärrän ajatuksesi. Muuten en.

      • wäsynyt
        Höpö kirjoitti:

        Ei tuolla ollut ensimmäistäkään img -tagia joten en ymmärrä mihin kohtaan sinne olisi voinut laittaa alt -attribuutin.

        Toisekseen minä en kyllä osaa navigoida MILLÄÄN sivulla ilman hiirtä. Ainoastaa formin kentistä pääsen toiseen.


        Vaan takaisin aiheeseen:
        »Jos siinä _ei_ ajettu takaa linkkien korvaamista Java- tms. hässäköillä, niin missä koko ongelma oli?»
        Kyse oli css:llä muotoillusta ulkonäköongelmasta. Ja se JavaScripti siinä on pelkkä bugikorjaus IE:n käyttäjille. Tuolla tekniikalla toteutetun navigaation kanssa voi yhtä hyvin voisi sulkea sekä tyylitiedoston että JavaScriptin pois ja navigaatio toimisi silti.

        Jos kerrot että tyylitiedoston käyttö on käytettävyyden kannalta huono asia niin sitten ymmärrän ajatuksesi. Muuten en.

        ...

        Tuossa esimerkissäsi ei ole alttia yhdessäkään imagessa.

        Ja kyllä minulta jää bookmarkkaamatta yleensä sivut, joissa on jotain alasveto-himmeli-kummeli-navigaatioita. Kyllä se on pikkusen selkeämpää klikkailla sivulla suoraan näkyviä linkkejä.

      • Yucca
        Höpö kirjoitti:

        Ei tuolla ollut ensimmäistäkään img -tagia joten en ymmärrä mihin kohtaan sinne olisi voinut laittaa alt -attribuutin.

        Toisekseen minä en kyllä osaa navigoida MILLÄÄN sivulla ilman hiirtä. Ainoastaa formin kentistä pääsen toiseen.


        Vaan takaisin aiheeseen:
        »Jos siinä _ei_ ajettu takaa linkkien korvaamista Java- tms. hässäköillä, niin missä koko ongelma oli?»
        Kyse oli css:llä muotoillusta ulkonäköongelmasta. Ja se JavaScripti siinä on pelkkä bugikorjaus IE:n käyttäjille. Tuolla tekniikalla toteutetun navigaation kanssa voi yhtä hyvin voisi sulkea sekä tyylitiedoston että JavaScriptin pois ja navigaatio toimisi silti.

        Jos kerrot että tyylitiedoston käyttö on käytettävyyden kannalta huono asia niin sitten ymmärrän ajatuksesi. Muuten en.

        Otapa silmälasit käteen ja katso, onko seuraavassa sinun suosittelemassasi koodissa img-tagi vai ei:



        Jos et osaa navigoida ilman hiirtä etkä edes ajatella sellaista, niin ei ihme, että olet tarjoamassa käytettävyydeltään ja esteettömyydeltään surkeita "ratkaisuja".

        Javan, JavaScriptin ja kaiken muun sotkemiseen keskenään en enää puutu. En myöskään alkuperäisen ongelman tulkintoihisi.

        Mitä tulee virkkeeseesi "Jos kerrot että tyylitiedoston käyttö on käytettävyyden kannalta huono asia niin sitten ymmärrän ajatuksesi", niin se kyllä kertoo paljon siitä, että et lue viesteistäni, mitä niissä on, mutta kyllä paljon sellaista, mitä siellä ei ole.

        Jätän sinut nyt höpöttämään itseksesi.

      • Höpö
        Yucca kirjoitti:

        Otapa silmälasit käteen ja katso, onko seuraavassa sinun suosittelemassasi koodissa img-tagi vai ei:



        Jos et osaa navigoida ilman hiirtä etkä edes ajatella sellaista, niin ei ihme, että olet tarjoamassa käytettävyydeltään ja esteettömyydeltään surkeita "ratkaisuja".

        Javan, JavaScriptin ja kaiken muun sotkemiseen keskenään en enää puutu. En myöskään alkuperäisen ongelman tulkintoihisi.

        Mitä tulee virkkeeseesi "Jos kerrot että tyylitiedoston käyttö on käytettävyyden kannalta huono asia niin sitten ymmärrän ajatuksesi", niin se kyllä kertoo paljon siitä, että et lue viesteistäni, mitä niissä on, mutta kyllä paljon sellaista, mitä siellä ei ole.

        Jätän sinut nyt höpöttämään itseksesi.

        »Kokeilepa esimerkiksi mennä mainostamallesi sucker-sivulle, irrottaa hiiri koneesta ja sen jälkeen navigoida. »

        »(Aika huvittavaa muuten, että puhut käytettävyydestä Lynxillä, vaikka linkkinä olevissa kuvissa on alt="". Jos sanot, että se oli vain esimerkki, niin vastaan, että annoit siis aivan väärän esimerkin.)»

        Minä annoin esimerkkinä tuon Suckerfish -sivun ja siinä ei ollut ainoatakaan img-tagia.
        Tuo koodi jonka laitoin vastaukseeni EI ollut MINUN eikä se myöskään ollut ESIMERKKINI. Se oli ainoastaan selkeytetympi versiä alkuperäisen kysyjän ongelmalliseksi katsoman koodin html-osuudesta.

        Anteeksi suuresti että luulin kirjoittavani sisälukutaitoisellle henkilölle.

        »Jos et osaa navigoida ilman hiirtä etkä edes ajatella sellaista..»

        Osaisitko sitten selittää miten tuo toimii?

      • Höpö
        wäsynyt kirjoitti:

        ...

        Tuossa esimerkissäsi ei ole alttia yhdessäkään imagessa.

        Ja kyllä minulta jää bookmarkkaamatta yleensä sivut, joissa on jotain alasveto-himmeli-kummeli-navigaatioita. Kyllä se on pikkusen selkeämpää klikkailla sivulla suoraan näkyviä linkkejä.

        Oleletaan että sivuilla on seuraavanlainen navigaatio:

        linkki1 | linkki2 | linkki3 | linkki4

        Eräänä kauniinä päivänä huomaat eksyneesi tällaiselle sivulle ja huomaat että linkki2 vaikuttaa kiinnostavalta.
        Leikitään nyt että sämä sivu on kiinnostava mutta kaipaat lisää ja seuraat tältä sivulta löytyvää linkkiä eteenpäin. Ja täällähän olikin jotain sellaista jonka haluat tulla katsomaan myöhemminkin. OK.

        Entäpä jos sivulla onkin sama toiminnallisuus mutta myöhemmin sivulle tullessasi huomaatkin että heti viedessäsi hiiren linkki2:n kohdalle aukeaakin suoraan valikko sinne kiinnostavaan paikkaan? Kyllä, ei sinne ole pakko mennä suoraan, toki voit edelleen painaa sitä linkki2 -linkkiä ja sieltä valita eteenpäin,. Silti jotenkin uskoisin että mieluummin menisit suorempaa tietä. Vai olenko väärässä?

        Onko tämä siis huono tapa tehdä navigointi?

      • Webe
        Höpö kirjoitti:

        ..ollenkaan mitä tuossa lopulta ollaan tekemässä.
        Tuossa pudotusvalikossa on nimenomaan kyse linkeillä tehdyistä linkeistä. Nämä linkin nyt vain ovat laitettu listaan (mikä ei ole mielestäni ollenkaan huono asia.

        Selvemmin koodattuna näin:

           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           
           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           
           
              
                 Linkkejä
                 Jotain
                 Jutskia
                 Muuta
                 Hommeleita
              
           



        Kyseessä on siis aivan siisti ja havainnollinen linkkilista joka kaikenlisäksi toimii css:ää muuttamalla sitemappina.

        Tarkoitus ei varmaan olekaan laittaa tuota käyttöön ennenkuin on varmistettu että se toimii yleisimmillä selaimilla.
        JA vaikka ei toimisikaan niin ne juurilinkit toimivat (eli navigointi toimii). Nuo alemmat ovat sitten alasivuja joihin toivottavasti tekijä älyää rakentaa jonkin konstin ettei navigointi lopu kesken surffailun.

        Sitä en kyllä ole tajunnut miksi listan juurilinkit pitää toteuttaa kuvilla ja vielä kaikenlisäksi vaihtelemankokoisilla kuvilla, sillä sehän se ongelma tuossa juuri on.
        Muutenhan voisi pölliä vaikka suoraan suckerfishin pudotusvalikon:

        http://www.htmldog.com/articles/suckerfish/dropdowns/example/

        Yucca on hyvä ja katsoo vaikka Lynxillä niin huomaa että tuo navigointi toimii.

        Syy minkä takia juurilinkit ovat kuvia on yksinkertainen, fontin sopivuus ulkoasuun. Erillaisia fontteja selatessani ja miettiessä mikä sopisi linkkeihin huomasin, että mikään "perusfonteista" ei siihen sopinut. Jouduin siis laittamaan hieman erikoisemman fonttini kuvana.

        Syy miksi kuvat on erikokoisia on myös hyvin yksinkertainen. "Etusivu" teksti on lyhyempi kuin "yhteystiedot". Tästä syystä myös kuvakin piteni. En usko että olisi kauhean hyvän näköistä, jos yhteystiedot linkin fontti pienenisi etusivu linkkiin nähden vain sen takia että sen pitäisi olla saman mittainen.

        Tuleva sivusto on suunniteltu "normaaleille" käyttäjille, jotka nettiä käyttäessään käyttävät myös hiirtä. Täten en usko että tuo hiirettömyys olisi ongelma.

      • Höpö
        Webe kirjoitti:

        Syy minkä takia juurilinkit ovat kuvia on yksinkertainen, fontin sopivuus ulkoasuun. Erillaisia fontteja selatessani ja miettiessä mikä sopisi linkkeihin huomasin, että mikään "perusfonteista" ei siihen sopinut. Jouduin siis laittamaan hieman erikoisemman fonttini kuvana.

        Syy miksi kuvat on erikokoisia on myös hyvin yksinkertainen. "Etusivu" teksti on lyhyempi kuin "yhteystiedot". Tästä syystä myös kuvakin piteni. En usko että olisi kauhean hyvän näköistä, jos yhteystiedot linkin fontti pienenisi etusivu linkkiin nähden vain sen takia että sen pitäisi olla saman mittainen.

        Tuleva sivusto on suunniteltu "normaaleille" käyttäjille, jotka nettiä käyttäessään käyttävät myös hiirtä. Täten en usko että tuo hiirettömyys olisi ongelma.

        »En usko että olisi kauhean hyvän näköistä, jos yhteystiedot linkin fontti pienenisi etusivu linkkiin nähden vain sen takia että sen pitäisi olla saman mittainen.»

        Ei varmasti olisi, mutta pitääkö fontin koon suurentua tai pienentyä? Entäpä jos lyhyemmän tekstin oikealla ja vasemmalla puolella olisi yksinkertaisesti enemmän tyhjää?

      • Webe
        Höpö kirjoitti:

        »En usko että olisi kauhean hyvän näköistä, jos yhteystiedot linkin fontti pienenisi etusivu linkkiin nähden vain sen takia että sen pitäisi olla saman mittainen.»

        Ei varmasti olisi, mutta pitääkö fontin koon suurentua tai pienentyä? Entäpä jos lyhyemmän tekstin oikealla ja vasemmalla puolella olisi yksinkertaisesti enemmän tyhjää?

        Olen tätäkin vaihtoehtoa punninnut tarkasti ja tullu siihen tulokseen että se ei näytä hyvältä.
        Linkkien välissä on viivat/tolpat, jotka erottelevat linkin.

        Etusivu | Yhteystiedot | Linkki

        Jos tyhjää olisi ennen viivoja toisilla enemmän ja toisilla vähemmän. Ei näkymä ole kauhean mieluisa.


        Etusivu |Yhteystiedot| Linkki |

        Kun IE osasi juurilinkit ( oletuksena )oikein näyttää, niin ajattelin, että eikö ole tosiaan olemassa mitään koodinpätkää millä se saisi muillakin selaimilla näkymään oikein.

      • Webe
        Webe kirjoitti:

        Olen tätäkin vaihtoehtoa punninnut tarkasti ja tullu siihen tulokseen että se ei näytä hyvältä.
        Linkkien välissä on viivat/tolpat, jotka erottelevat linkin.

        Etusivu | Yhteystiedot | Linkki

        Jos tyhjää olisi ennen viivoja toisilla enemmän ja toisilla vähemmän. Ei näkymä ole kauhean mieluisa.


        Etusivu |Yhteystiedot| Linkki |

        Kun IE osasi juurilinkit ( oletuksena )oikein näyttää, niin ajattelin, että eikö ole tosiaan olemassa mitään koodinpätkää millä se saisi muillakin selaimilla näkymään oikein.

        Korjausta edelliseen viestiini...

        Ongelmahan ei nyt ENÄÄ ole juurilinkkien oikalle paikalle saaminen. Leveyden määrityksen poiston jälkeen linkit ovat oikeilla paikoilla. Haluaisinkin apua siihen ongelmaan, miksi pudotus valikot menivät yhtäkkiä sivuttain eikä päällekkäin. Ongelma esiintyy ilmeisesti vain firefoxissa.

    • Webe

      Ratkaisin ongelma varsin yksinkertaisella tavalla.
      Pistin tagiin style="width:150px;"





      Linkkejä
      Jotain
      Jutskia
      Muuta
      Hommeleita





      Eli tuolla tavalla sain ne alilinkit menemään allekkain.

    • Webe

      Ratkaisin ongelma varsin yksinkertaisella tavalla.
      Pistin tagiin style="width:150px;"





      Linkkejä
      Jotain
      Jutskia
      Muuta
      Hommeleita





      Eli tuolla tavalla sain ne alilinkit menemään allekkain.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. No nytkö tuli lähtö Orpolle?

      Pieniä oli Marinin aamupalasilakat joulukaloiksi vrt. Orpon 35 miljoonan euron kähmintä johonkin Vapaavuoren urheiluhall
      Maailman menoa
      251
      2274

    2. Mikä teidän jutussa on ongelmana?

      Missä meni pieleen?
      Ikävä
      192
      1694

    3. Kauhavan häiriköijistä

      Juttua Iltalehdessä. Pakko sanoa että noi nuoret on kyllä ihan pimeitä. Putkin peltoja jupksevat kiusaamaan kun ei tietä
      Kauhava
      47
      1339

    4. Haluan sinut, kuuletko minua.

      Haluan sinut. Toivon, että voisimme olla yhdessä. Mietin pystynkö täyttämään toiveesi, olemaan arvoisesi. Voisitko saad
      Ikävä
      50
      1045

    5. Hän on tosi

      hyvännäköinen. Ei edes ryppyi oo. :D
      Ikävä
      41
      836

    6. Auto ajoi päälle?

      Ja pakeni luin iltapäivälehdestä. ! Ken on kuski joka tuollee teki
      Kuusankoski
      14
      820

    7. Miksi Lapset kiusaa yöllä

      Miksi Lapset kiusaa yöllä ihmisiä? Miksi vanhemmat antaa tämän tapahtua? Eikö ne huomaa ettei lapset ole kotona vai eivä
      Kauhava
      31
      800

    8. Sama ransetti taas!

      Keikkui tällä kertaa Honkavaaran tien varressa muutaman sadan metrin päässä Louhenkoskelta.. Otin rekisterin ylös ja ver
      Hyrynsalmi
      23
      778

    9. Viimeinen lankafest

      Käykää viimeisessä lanka festissä. Ensivuonna sitä ei enää ole. Rahat on loppu. Harmi .
      Puolanka
      25
      766

    10. Tehdäänkö tänään toiveista totta?

      Poikkea tänä illasta siinä lähellä ja annetaan silmien puhua ja sen jälkeen puhu sinä lopulta mitä ajattelet..
      Ikävä
      46
      647
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt