[HTML] creare menu di navigazione

Selenio89

Nuovo Utente
9 Mar 2018
16
0
1
32
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.404
339
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>
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Creare elementi html con javascript Javascript 4
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
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
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
G img html HTML e CSS 3
M Come fare un countdown in HTML? HTML e CSS 4
D Stampa a video in altra pagina html Database 3
A inserire variabile php colore in div html PHP 2
F Tv in html Offerte e Richieste di Lavoro e/o Collaborazione 1
N Script elenco file HTML HTML e CSS 5
L salvare codice html in mysql PHP 3
Cosina htaccess redirect 301 senza estensione html Web Server 6
E Errore di lettura php in html PHP 8
M HTML e PHP Offerte e Richieste di Lavoro e/o Collaborazione 3

Discussioni simili