Hei! Etsiskelin, mutta en löytänyt vastaavaa, eli ajattelin tehdä sub navin. Ihan simppelillä div komennolla olen tehnyt jo navin, tässäpä se.

<div id="navigation">
<a href="index.html">Etusivu</a>

eli tuosta jos saisi esim; Etusivu, ja siitä lähtee pienemmän kokoisia linkkejä. Kiitos, jos joku auttaa!

PHP:tä täytyy ottaa mukaan.

Koodi: Valitse kaikki

<ul>
   <li><a href="?nav=etusivu">Etusivu</a>
   <?php
      if($_GET['nav']=='etusivu'){
         ?>
         <ul>
            <li><a href="#">Linkki 1</a></li>
            <li><a href="#">Linkki 2</a></li>
            <li><a href="#">Linkki 3</a></li>
         </ul>
         <?php
      }
   ?>
   </li>
   <li><a href="?nav=toine">Toine</a>
   <?php
      if($_GET['nav']=='toine'){
         ?>
         <ul>
            <li><a href="#">Jotain</a></li>
            <li><a href="#">Muuta</a></li>
         </ul>
         <?php
      }
   ?>
   </li>
</ul>

Kiitos paljon!

Hei! Nyt kyselisin samaan syntaksiin, että niihin tulisi tietty kuva kansiosta, kun tuo CSS koodilla saa subnavin oikeaan kohtaan, mutta kuvat taas jäävät aivan väärään, eli padding ei toimi kuviin. Kiitos!

Lehtar kirjoitti:Hei! Nyt kyselisin samaan syntaksiin, että niihin tulisi tietty kuva kansiosta, kun tuo CSS koodilla saa subnavin oikeaan kohtaan, mutta kuvat taas jäävät aivan väärään, eli padding ei toimi kuviin. Kiitos!

Siis meinaatko sellasia ikoneita linkkien eessä? Laita kuvat vaikka li-tagiin taustakuvana, repeat pois ja sitten vähän paddingia vasemmalta, niin se jää sopivasti teksiin nähden sinne reunaan.

Voi käyttää taustakuvaa tai sitten käyttää valmista list-style- parametria
eli jos haluaa vaihtaa oman kuvan: list-style-image tai valmiita tyyppejä: list-style-type: square...

CSS esim
----------

Koodi: Valitse kaikki

.uutiset{
   list-style-image:    url(icons/news.png);
}

ja sit html
-------------

Koodi: Valitse kaikki

<ul class="uutiset">
<li>Uutinen 1</li>
<li>Uutinen 2</li>
</ul>

Kiitos kaikille avusta! Sivuni on nyt melkein valmis, kiitos vielä kerran kaikesta

Joo, valmiissa list-style-imagessa on vaan se ongelma, että sen sijaintia ei kauheesti pysty säätämään.

Hei! Muokaisin jälleen naviani, joten kysyisin nyt, olisiko mahdollista tehdä seuraavanlainen navi;

Koodi: Valitse kaikki

Jotain---Toinen
         ---Muuta
         ---Vielä jotain

Eli jos tuo nyt käsittää jotain, tarvitsisin navin, josta lähtee sivuille subnaveja, joissa olisi siis sivuja. Voin linkata esimerkki sivuston, jos tuo on epäselvä.