"Alanapit"

Kiitoksia, dropdown menu oli se sana mitä hain. Löysinkin kutakuinkin juuri sellaisen minkä tyylisen haluaisin, mutta kun en juurikaan ymmärrä näistä asioista mitään niin toimimaan en ole saanut.

Eli tämmösen löysin tuolta: http://javascript-array.com/scripts/simple_drop_down_menu/

Mutta niin, tuo html -koodi lyödään sinne kohtaan kun haluaa sen menun tulevan, tuo javascripti taasen sitte neuvottiin tuossa laittamaan noitten head -tagien väliin, mutta mitä mitä mä tuolle css -koodille teen? Tiedän että tämä on varmaan tyhmä kysymys useimpien mielestä, mutta yrittäkää kestää koska olen oikeasti TODELLA aloittelija.

Amatööri kirjoitti:

Kiitoksia, dropdown menu oli se sana mitä hain. Löysinkin kutakuinkin juuri sellaisen minkä tyylisen haluaisin, mutta kun en juurikaan ymmärrä näistä asioista mitään niin toimimaan en ole saanut.

Eli tämmösen löysin tuolta: http://javascript-array.com/scripts/simple_drop_down_menu/

Mutta niin, tuo html -koodi lyödään sinne kohtaan kun haluaa sen menun tulevan, tuo javascripti taasen sitte neuvottiin tuossa laittamaan noitten head -tagien väliin, mutta mitä mitä mä tuolle css -koodille teen? Tiedän että tämä on varmaan tyhmä kysymys useimpien mielestä, mutta yrittäkää kestää koska olen oikeasti TODELLA aloittelija.

Lue lisää

css koodi laitetaan yleensä omaan .css tiedostoon. esim. copypastetaat sen notepadiin ja tallennat sen style.css.

Sitten kirjoitat sinne HTML tiedostoon myös head tagien väliin

'tagi' link rel="stylesheet" type="text/css" href="style.css" 'sulje tagi'

Muista myös että javascript pitää sulkea script tageihin eli tyyliin
'tagi' script type="text/javascript" 'sulje tagi'

**javascript koodi**

'tagi'script'sulje tagi'

Suosittelen käymään seuraavalla sivustolla jos jää jotakin epäselväksi!

http://www.w3schools.com/

11+5 kirjoitti:

css koodi laitetaan yleensä omaan .css tiedostoon. esim. copypastetaat sen notepadiin ja tallennat sen style.css.

Sitten kirjoitat sinne HTML tiedostoon myös head tagien väliin

'tagi' link rel="stylesheet" type="text/css" href="style.css" 'sulje tagi'

Muista myös että javascript pitää sulkea script tageihin eli tyyliin
'tagi' script type="text/javascript" 'sulje tagi'

**javascript koodi**

'tagi'script'sulje tagi'

Suosittelen käymään seuraavalla sivustolla jos jää jotakin epäselväksi!

http://www.w3schools.com/

Lue lisää

Kiitoksia, sain kuin sainkin toimimaan pienen säätämisen jälkeen. Nyt olis enää yksi ongelma jäljellä, nimittäin kun tuo "valikko" on tua vasemmalla puolella sivua, ja haluaisin sen keskelle. Olen yrittänyt muuttaa kaikkia mahdollisia oletuksia tua css tiedostossa, mutta paras tulos on ollut se että nappulat on kyllä menneet keskelle sivua, mutta toistensa alle, kun niitten pitäisi olla vierekkäin.

Sisällytän ähän edellämainitun css pätkän:

#sddm
{
margin: 0px, 0px;
padding: 0;
z-index: 300}


#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}

#sddm li a
{ display: block;
margin: 0px 0 0;
padding: 0px 0px;
width: 121;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none}

#sddm li a:hover
{ background: #49A3FF}

#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2}

#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: 119;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #98ddf4;
color: #2875DE;
font: 13px arial}

#sddm div a:hover
{ background: #49A3FF;
color: #FFF}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2}

#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: 119;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #98ddf4;
color: #2875DE;
font: 13px arial}

#sddm div a:hover
{ background: #49A3FF;
color: #FFF}

Pahoittelen pituutta. Elikkä tuon "#sddm li" alapuolelta löytyy tuo "float: left" jonka muuttamalla "float: center" oon saanu nappulat keskelle, mutta menevät allekkain eivätkä vierekkäin. Onko mitään keinoa että nappulat saisi pysymään vierekkäin?

Juu, löysin viimein virheen joka oli kuin olikin tua html koodin puolella. Kiitokset avusta, toimii!

Jaa... Se koodi ei sitte näykkää täällä...