Schema + collegamenti

[Jt1995]

Salve a tutti sono un nuovo utente con una conoscenza base dell'html perciò mi rivolgo a voi per chiarire dei miei dubbi.Visto che dovrò affrontare la maturità quest'anno,per il percorso d'esame avevo in mente di creare una pagina html con uno schema che comprende al centro in tema principale e da cui partono una serie di frecce che portano alle materie.Il mio problema è come costruire questo schema e creare i vari collegamenti per ogni materia diversa,ma innanzitutto chiedo,si può svolgere?

[Prill]

Uno schema tipo mappa concettuale?

[tampertools]

Si può, ma è un po'complicato.

Dovresti avere ogni elemento in un div con un posizionamento assoluto.
E l'immagine di una freccia da posizionare con i css...
Dovresti calcolarti però ogni singolo pixel...
I collegamenti poi sono la cosa più semplice

<a href="matematica.html">Mate</a>

Per uno schema ti conviene usare dei programmi come ad esempio xMind e magari usare l'html per presentare una materia nello specifico...

[Jt1995]

Per i collegamenti non c'è problemi,ci sto provando,la cosa mi sta riuscendo più o meno.Avrei una domanda,ho dei collegamenti nella pagina rinchiusi in questo codice:

<div class="col-md-9 main_menu">                        <ul>


                            <li><a class="show-1 templatemo_home" href="#">
                                <span class="fa fa-camera"></span>
                                Introduzione</a></li>
                                                        <li><a class="show-2 templatemo_page5" href="#">
                                <span class="fa fa-envelope"></span>
                                Mappa concettuale</a></li>
                            <li><a class="show-3 templatemo_page2" href="#">
                                <span class="fa fa-users"></span>
                                    Italiano</a></li>
                            <li><a class="show-4 templatemo_page3" href="#">
                                <span class="fa fa-cogs"></span>
                                Storia</a></li>
                            <li><a class="show-5 templatemo_page5" href="#">
                                <span class="fa fa-envelope"></span>
                                Inglese</a></li>
                                                       
                        </ul>
                    </div> <!-- /.col-md-12 -->

soltanto che sono in una posizione che non mi piace e vorrei spostarli più a destra,come posso procedere?

[tampertools]

Vuoi spostare tutto il contenitore dei collegamenti?

Potresti aumentargli il margin-left, spostarlo con il posizionamento relativo o assegnargli float:right