Ciao a tutti.
avrei un dubbio (enorme) riguardo la creazione di un menù verticale.
Quando cerco di crearne uno, batto questo codice:
<ul>[*]
<a href="...">Home
</a>
[*]
<a href="...">Pagina1
</a>
[/list]
IL problema è che non so come regolae l'altezza,
ovvero, applicando il padding, la parte colorata di sfondo a "pagina1" va a coprire il primo.....si sovrappongono!
Come posso fare?
E` chiaramente un errore di formattazione.
E se non usi formattazione, non puo` succedere (se per caso ti capita, butta via il browser che stai usando).
Quindi per avere una risposta ragionevole devi postare anche il CSS che hai usato.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Non capisco...proprio non capisco.
ho provato a seguire questa guida: http://www.constile.org/template/menu_verticali/
ma mi sono bloccato (sono arrivato a prima del titolo: "Giocare con i bordi")
Ho fatto il mio codice (uguale al suo) sia in html che in css ma il mio non va. Eppure il suo, facendo Copia e Incolla funziona. COme Mai??
mio codice:
il Suoul.menu{
width: 150px;
list-style: none;
margin: 0;
padding: 0;
}
li.menu li a {
display: block; // Così occupa tutto lo spazio orizzontale
text-decoration: none;
padding:0 1em;
height: 2em;line-height: 2em;
}
ul.menu li
{
display: inline;
}
ul.menu1 {
width:150px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu1 li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
Credo che sia colpa di questo commento, i commenti si scricono così: /*commento*/// Così occupa tutto lo spazio orizzontale
Il codice CSS non sembra riferirsi al HTML postato in precedenza: manca qualche riferimento alle classi.
Per poter trovare gli errori e` necessario avere sia il codice HTML che CSS riferiti allo stesso pezzo di pagina, oppure un link (anche provvisorio).
Sarebbe anche utile la DTD, perche` alcuni brwoser rispondono in modo diverso a seconda del linguaggio utilizzato.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Credo che sia colpa di questo commento
codice html (dovrebbe essere questo, ora non sono a casa=> la pagina è salvata in locale)
<ul class="menu">[*]Sezione Link 1[*]Sezione Link 2[*]Sezione Link 3[*]Sezione Link 4[*]Sezione Link 5[/list]
Cos'è DTD?
Riguardo il commento in stiler programmazione C, mi son confuso col PHP.
Ero convito ci fosse, ma ho controllato, solo /* */.
Comunque appena arrivo a casa provo a dare un'occhio, vi faccio sapere.
Definizione di DTD: http://www.diodati.org/scritti/2004/guida/ele_acc19.asp
Ok, grazie per il link.
Ho letto anche un'articolo su questo sito che parla dell'importanza di adottare il Doctype.
Poi sono arrivato alla pagina in cui posso sceglierne uno...ma ce ne sono tantissimi!
Cosa scelgo?
io pensavo:
HTML 4.0 Strict + URI
Perchè uso i css, codice html (4?) e ....(che vuol dire uri?_cioè che differenza c'è da quello senza?)
Direi che va bene. L'URI è questo:
cioè il documento sul sito del W3C dove vengono definite le specifiche dell'html 4 strictcodice:http://www.w3.org/TR/REC-html40/strict.dtd
Ciao,
Siamo punto e a capo.
Ho modificato il commento.
Ho inserito la stringa di DTD,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
Ha dato un errore perchè nel php avevo stabilito un cookie (che avevo provato a fare).
L'ho cancellato così ho tolto quell'errore.
ma.. Il problema persiste, il mio menu rimane come prima.
Ho pensato al conflitto nel css, vi mostro quali altri menu ci sono:
ul.array
{
float: left;
list-style-type: none;
margin:0;
padding:0;
}
li.array
{
border: 0;
padding:0;
margin:0;
width: 100%;
/*stili...*/
background-color: blue;
color: white;
display: block;
}
a.array
{
float: left;
padding: 5px 10px;
background-color: blue;
color: white;
margin: 0;
}
a.array:hover
{
background-color: black;
}
e poi avrei anche questo, che ho preso dalla guida, gli ho rinominato il file da menu1 a menus.
ul.menus {
width:150px;
list-style:none; /* elimino i punti elenco */
margin:0;
padding:0; /* elimino i rientri delle liste */
}
ul.menus li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menus li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*
*/
Permessi di invio
Rispondi quotando