Hopeinen Omena

Olen tehnyt kotisivuille ko navigoinnin :
Miten tuohon tehdään "järkevästi" alasvetovalikko esim. tuote-kohtaan?

No, tässä yksitapa http://www.htmldog.com/articles/suckerfish/dropdowns/

aritko kirjoitti:No, tässä yksitapa http://www.htmldog.com/articles/suckerfish/dropdowns/

... ja täällä mainioita javaskriptittömiä Stu Nicolssin ratkaisuja. Niist mie piän.

Tuolla on jQueryllä höystetty valikko. Pohjalla edellä mainitun Stu Nichollsin CSS-valikko, eli toimii myös ilman JavaScriptiä nätisti.

Kiitos. Noista oli kyllä apua...
Nyt kun olen tehnyt "valikon", niin millä koodipätkällä saan ne alasvetovalikoiden otsikot automaattisesti juuri sen pituiseksi kuin mitä missäkin valikossa pisin sana on???

Jätät CSS:ssä määrittelemättä leveyden kyseiselle elementille tai laitat sen automaattiseksi.

avpn kirjoitti:Tuolla on jQueryllä höystetty valikko. Pohjalla edellä mainitun Stu Nichollsin CSS-valikko, eli toimii myös ilman JavaScriptiä nätisti.

Olen käyttänyt tätä ko dropdownia... Miten ihmeessä saan vielä sivut linkitettyä tietyn dropdown-valikon kohtaan (otsikkoon)?

Tuosta esimerkistähän puuttuu varsinaiset linkit, eli korvaat ne #:t haluamasi sivun osoitteella.

Kiitos paljon. Nyt alkoi pelaamaan... =) Sitten seuraava kysymys:

Miten saisin sivulle sellaisen fiksun "kuvakokoelman", joita voisi vaikka pikkukuvina ensin katsoa ja sitten halutessa suurentaa kuvaa?
Itse kuvalaatikon koko saisi olla max. 900px leveä ja vaikka maksimissaan 100-200 korkea...

Tein ihan ohjeiden mukaiset HTML + CSS -valikot

https://www.sanaristikkofoorumi.net/wor ... -html-css/

Mutta ei vaan toimi. Laitoin z-index-arvot korkeiksi, mutta ei toimi. En ymmärrä, mikä mättää.

Tätä käytän:
https://www.softpress.com/exhibeo/index.html

Ja ihan Freeway Prolla teen nuo alasvetovalikot. Ei vaikeaa kun tämmöinen vanhuskin ne osaa.

Ongelma ei ollut minun koodamisessani. Ongelma oli siinä, että minulla oli selaimessa AdBlock-niminen lisäösa.

En arvannut, että se blokkaa KAIKKI hover-efektit, siis myös tuiki tavalliset alasvetovalikot.

Kun otin sen pois sivuiltani sekä WordPressin omat alasvetovalikot että koodaamani alkoivat toimimaan. Sain omat valikkoni aika lailla saman näköisiksi kuin WordPressin itse luomat valikot.

Kuinkahan ton alasvetovalikon saisi keskelle ruutua? Toimii hyvin vasemmassa reunassa, mutta kun sain siirrettyä keskelle, niin ei enää toiminutkaan niin hyvin
Tämän ohjeen mukaan siis tein

Muok. No nyt lähti toimii, kun pisti

body {
width:600px;
margin:2em auto;
}