Heippa,
Olen täysin käsi koodarina, joten kysäisen fiksummilta apua. Minulla on css, jolla saa toimivan drop down menun, joka näyttää jotakuinkin tältä http://www.alistapart.com/d/horizdropdowns/horizontal.htm
Haluaisin kuitenkin navigaation, jossa pääotsikot olisivat vierekkäin ja alaotsikot aukeaisivat pääotsikon alle. Mitä tässä koodissa pitäisi muuttaa, jotta saisin sen toimimaan niin.
Tiedän, että netti on varmasti pullollaan ohjeita, ja olen jo aika monta niistä kokeillut. Tämä on löytämistäni ainoa joka toimii nätisti useammassa selaimessa ja on muutenkin inhimillisen näköinen. Sen takia kysäisen asiaa täältä, josko muokkaamalla tätä voisi onnistua.
Ja tässä vielä se css:
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
li:hover ul { display: block; }
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
Kiitos!!!
Css-navigaatio
4
593
Vastaukset
- Peeter.
http://www.dynamicdrive.com/style/csslibrary/category/C1/
(CSS Library -> Horizontal CSS Menus)
koodeinen & ohjeineen- neiti pöllö
joo, yhden päivän tässä googletellut, ja tuo yllämainitsemäni on ainoa, jonka olen saanut täysin toimimaan. Jos joku tosiaan osaa fiksata sen, niin olisin tuhannesti kiitollinen. Tai sitten sivuilleni tulee navigaatio reunaan =)
tai ehkä alan kutomaan sukkia, se saattaisi sopia mulle paremmin...
- hölöttäjä2010
http://www.cssplay.co.uk/menus/
lisää... ihan hyvät sivut...
:)- neiti pöllö
Päivän askartelun päätteeksi otin menun täältä:
http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm
Hyödyntää myös javascriptiä, mutta sivuilta saa js:n valmiina tiedostona, joten siitä ei tarvitse ymmärtää mitään, kunhan osaa tallentaa sen samaan kansioon muiden kanssa=). Ulkonäkö on suoraan kuin 90-luvulta, mutta sitähän pystyy helposti muokkaamaan.
Ilmeisesti joissain ie:n versioissa on ongelmia, jotka estävät CSS:llä tehtyjen drop down -menujen toimimisen. Kokeilin päivän aikana aika montaa mallia, jotka olivat toteutettu pelkällä CSS:llä. Niistä, jotka sain toimimaan, ei yksikään toiminut moitteettomasti ie:llä. Firefoxilla suurin osa menuista toimi.
Kiitoksia avustaneille!
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Kelekkakisat
Mikä vakava onnettomuus sattunut kisoissa. On peruttu koko kisat. Pelastuskopteri näytti käyvän paikalla.105156- 822825
- 462722
Pitäis vaan lopettaa
Sinun kanssa yhteydenpito. Alkaa vaan haluamaan enemmän ja tuskin lopulta mikään kohtaisi. Ja ikävä vaan kasvaa ja lähei132100- 251971
- 471880
Ikävä uutinen uudesta Unelmia Italiassa -kaudesta
Unelmia Italiassa -sarja on ollut supersuosittu ja uutta kautta on odotettu. Nyt on tullut se aika, että TV-katsojat pää71833- 421805
Salatut elämät: Lola Odusoga -paljastus - Tämä suosii tiettyjä Salkkarit-faneja!
Salatut elämät vetää katsojia tv-ruudun äärelle jaksosta, kaudesta ja vuodesta toiseen. Tähän mennessä sarjaa on nähty j71751Lähtisitkö Erikoisjoukot-leirille? Yksi kokelas paljastaa karun totuuden kulissien takaa
Erikoisjoukot realityssä kokelaat kohtaavat omat henkiset ja fyysiset rajansa. Nyt yksi kokelas paljastaa karun totuuden171751