[HTML] creare menu di navigazione

Selenio89

Selenio89

Nuovo Utente
9 Mar 2018
16
0
1
34
Ciao a tutti,

sto continuando a imparare html e css ma non riesco a creare un menù di navigazione orizzontale per la pagina web (es. il classico home, about us, contact). E' solo per una pagina di esempio per imparare come creare il menù. Potete scrivermi del codice da usare per piacere? Scusate se sembra banale ma sono ancora principiante
 
Max 1

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Questo è un esempio veloce di codice funzionante! Mancano le immagini che puoi mettere tu a piacimento
HTML: 
<!doctype html>

<html>
<head>
                <title>Menu</title>
        <meta charset="utf-8">
        <style type="text/css">
<!--
BODY {
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: small/1.5em Georgia,Serif; COLOR: #000; PADDING-TOP: 0px; voice-family: inherit
}
UNKNOWN {
        FONT-SIZE: small
}
#header {
        FONT-SIZE: 93%; BACKGROUND: url(bg.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#header UL {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#header LI {
        PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#header A {
        PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#header A {
        FLOAT: none
}
#header A:hover {
        COLOR: #333
}
#header #current {
        BACKGROUND-IMAGE: url(left_on.gif)
}
#header #current A {
        BACKGROUND-IMAGE: url(right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}
-->
                </style>
        </head>

        <body>
                <div id="header">
                        <ul>
                                <!-- CSS Tabs -->
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Prodotti</a></li>
<li><a href="#">Servizi</a></li>
<li><a href="#">Chi Siamo</a></li>
<li><a href="#">Dove Siamo</a></li>

                        </ul>
                </div>
        </body>
</html>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
F Creare elementi html con javascript Javascript 3
A [HTML] Creare sito web per eLearnig HTML e CSS 2
max_400 [HTML] Come creare un jpg animata (non gif animata) HTML e CSS 3
T con oop creare un ciclo per una pagina dinamica html con php PHP 3
S [PHP] [HTML] Come creare un grafico dinamico PHP 4
A [HTML] E' possibile creare un tema per wordpress con dreamweaver?? HTML e CSS 1
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
S [Javascript] [HTML] creare stringhe di riferimento da riutilizzare Javascript 5
F Creare un contatore numerico in HTML HTML e CSS 9
Sermatth72 [HTML] creare link con colori Hover diversi, possibile? HTML e CSS 6
S Creare un foglio di calcolo in html collegandolo a un e-commerce HTML e CSS 7
D [HTML] come Creare questo pulsante a 3 strisce? HTML e CSS 2
Monz94 [Javascript] [HTML] Creare Checkbox o Radio con Immagini Javascript 0
Matteol92 [HTML] Creare social box senza sovrapposizione HTML e CSS 5
atipika creare codice html da immagine HTML e CSS 1
D [Javascript] Come creare un equalizzatore HTML collegato a files audio Javascript 1
R [PHP] [HTML] Creare script invio modulo contatti PHP 2
M [Javasript + HTML] come creare textbox in tr specifica Javascript 0
V creare un collegamento di pagina html in php PHP 10
asevenx [HTML] Creare mappa interattiva con Illustrator HTML e CSS 5
helpdesk creare una pagina html dimanicamente con php PHP 12
C File html con procedure javascript per creare effetto libro da sfogliare Javascript 9
C Javascript completo di html per creare una tabella dove compare il saluto in base all'ora. Javascript 2
R Creare pagina HTML da script PHP PHP 2
S creare sito web html css HTML e CSS 5
J Creare file html da un form in area riservata PHP 9
K creare pagine html con parti in comune [era:Consiglio tecnico] HTML e CSS 3
G in flash è possibile creare una finestra che visualizza una pagina html? Flash 0
P guida di dreamweaver per creare codice html pulito Webdesign e Grafica 1
G AIUTO! Vorrei creare un guestbook nel mio sito html.. come faccio? HTML e CSS 2
Z Software Per Creare Html Con Thumbnails HTML e CSS 10
L creare o modificare una .GIF da mettere su una pagina HtmL HTML e CSS 5
G Pagina html in stringa PHP 2
E Sostituzione Elemento Html PHP 3
G Elementi HTML HTML e CSS 1
K Visualizzare del html responsive in una Webview Sviluppo app per Android 0
T Domanda valutazione html LinkedIn 2022 pt3 HTML e CSS 7
T Domanda valutazione html LinkedIn 2023 pt2 HTML e CSS 15
T Domanda valutazione html LinkedIn 2023 pt1 HTML e CSS 1
MarcoGrazia Salvataggio HTML in database PHP 2
K posizionare variabile da pagina html all'iframe. Javascript 1
peppe0703 Come Estrarre dati da db wordpress e richiamarli in html esterno HTML e CSS 0
L problema collegamento file css con html HTML e CSS 1
D Informazioni da XAMPP su HTML PHP 0
R Immagini html HTML e CSS 2
K File audio in html, chi mi può aiutare? HTML e CSS 0
K Aiuto con file audio in html HTML e CSS 1
Antonio67 Lanciare file shell bash da html HTML e CSS 2
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
G Codice html Javascript 1

Discussioni simili

Alto Basso