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

    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?


    • 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ä.


      • 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.


      • 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ä.


      • 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ä.

    Luetuimmat keskustelut

    1. Haluan sinut, kuuletko minua.

      Haluan sinut. Toivon, että voisimme olla yhdessä. Mietin pystynkö täyttämään toiveesi, olemaan arvoisesi. Voisitko saad
      Ikävä
      59
      1105
    2. Hän on tosi

      hyvännäköinen. Ei edes ryppyi oo. :D
      Ikävä
      42
      861
    3. Rakastan häntä

      Jumala, rakastan häntä. Haluan olla hänen omansa. Hänen vierellä. Halata häntä.
      Ikävä
      51
      641
    4. Alastomat miehet seksikeinussa lasten nähden PRIDEssä!

      https://www.iltalehti.fi/kotimaa/a/adf62289-a0b6-4b4c-9672-9e19c01beb51 Eikö nyt muka mene jo aivan liian pitkälle että
      Maailman menoa
      315
      627
    5. Anteeksipyynnöstä

      Uskotko anteeksipyynnön voimaan? Mikä tekee anteeksipyynnöstä vaikeaa? Onko se mielestäsi joskus turhaa, joko pyytäjän
      Ikävä
      114
      604
    6. Ei kukaan ole katsonut

      Kuten sinä. Niin välittävä ja hellä katse.
      Ikävä
      51
      598
    7. Naiselle Kuuleppa Tämä

      Tämä ei ole mikään vitsi. Minulla on ikävä sinua nainen! Naiselle mieheltä
      Ikävä
      38
      595
    8. Kuka sitä naista maalittaa

      Täällä oikeasti?
      Ikävä
      93
      590
    9. Onko mun toinen

      Puoliskoni täällä, huhuuu 😍❤️ Ihanista ihanin 😚😚
      Ikävä
      56
      554
    10. Oletko päässyt minusta

      Eteenpäin?
      Ikävä
      65
      514
    Aihe