- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- menu orizzontale
-
menu orizzontale
Cao a tutti, riscrivo il mio messaggio perchè avevo inserito un link attivo e quindi non mi è stato inviato...sorry!
Dunque, sto facendo la mia prima pagina web, ovvero la mia prima home page.
Nella sezione header ci sta un loghetto.gif e un menu orizzontale con 5 link.La sezione header ha position relative, mentre il loghetto e il menu hanno position absolute, cos' gli ho dato la posizione rispetto al contenitore header.
Il problema è che su safari e firefox è tutto ok...ma in i.e. il menu mi viene tutto sfalsato, i link si posizionano a scaletta.
:bho:Spero che possiate darmi una mano!!
se volete farvi un'idea la pagina è gifidea.altervista.org, e di seguito il css:
Html,Body {margin:0;padding:0;}
Body{font-family: arial,sans serif; font-size: 11px;}div#container1{position: relative; z-index:1; width:760px; height: 600px; margin: 0 auto;}
div#header{position: relative; background-color:#CCCCFF; width: 760px; height:100px; margin: 0 auto;}
div#logoheader{position: absolute; left:20px; width:129px; height:80px;
top: 15px;}#navigation{position: absolute; right: 20px; top: 65px;
width: 420px; list-style: none; margin:0;
padding: 5px; background-color: #CCCCFF; border: 2px #003366;}div#contenuti{ position: absolute; z-index: 1; bottom: 10px; left: 10px; top: 7px; width:586px; height: 100; background-color:white; color:#003366; text-align: center;}
div#container2{ position: relative; background-color:#003366; width:760px; height: 459px; padding-bottom: 5px;}
Div#footer{
width: 760px; height: 40px; background-color:#FF33CC; color:#FFFFFF;
text-align=center; margin: 0 auto; padding-top: 10px;}.testofooter{
margin-left: 170px; }.testocontenuti{
margin-top: 120px; font-size: 25px; color:; }<!-stili per la navigazione?
margin-left: 3px; padding-left: 3px; background-color:; color: white; border-left: 5px solid white; font-size: 10px; text-decoration: none;
line-height: 20px; text-align: center;
}color: #FF33CC; border-left: 5px solid; font-size: 10px; font-weight: bold;}
Ciao e grazie mille!
-
Hai commentato involontariamente l'ultima parte di codice del tuo css a partire da <!-stili per la navigazione? fino in fondo.
Ho fatto un test e funziona anche con IE7.
-
Ciao, prima di tutto grazie per la tua risposta!
Ma quindi non ho capito bene...devo solo eliminare il commento stili per la navigazione?
-
Ho fatto come dicevi...GRAZIEEEE!!! Non sai quanto ci sono impazzita vicino!
Buona serata e ancora grazie!
-
Eh eh.. è una di quelle cose odiose..ore ed ore a capire perchè non funziona, finchè non scopri che per colpa di un maledetto carattere non funziona nulla.
Comunque per commentare:
- html usa <!-- commento html-->
- css usa /* commento css /*
Io mio aiuto con Notepad, che identifica varie parti di codice con differenti colori...ad esempio i commenti in verde, il contenuto in nero, i tag in blu, gli attributi in rosso etc. etc....ti rendi conto visivamente se il codice contiene possibili errori.;)
-
Si infatti! grazie della dritta allora!
E' veramente complicato comunque...per ogni piccolissima cosa da fare, 3000 cose da sapere, ricercare...etc etc!
Io mi occupo di grafica ma di siti zero totale, e mi piacerebbe molto imparare, ma da autodidatta e con poco tempo a disposizione devo dire che non è semplice...ma ce la sto mettendo tutta!Adesso stavo leggicchiando di PHP e di JOOMLA...ma non voglio riempirmi la testa di troppe cose, visto che sono ancora all'abc!
Grazie e alla prossima...penso che mi farò rivedere presto sul forum!
