Printable View
Io ho creato un foglio di stile, come voi vedete a questo indirizzo:
http://lupo91.altervista.org/index.htm
Ma non sono riuscito a fare un collegamento ipertestuale, perchè con i bottoni non ci riesco e con le scritte normali si?
Vi chiedo aiuto. :?:
Codice HTML:<a href="pagina.htm"><img src="bottone.gif" border=0></a>
a che serve il codice e dove lo devo mettere?
non è una questione di css, ma di sintassi html sbagliata. non puoi fare una cosa del genere:
<a href="miapagina.html"><imput type="button".....></a>
i bottoni si usano nei form, non si usano per la navigazione fra le pagine (o almeno è così solitamente)
Serve per fare i collegamenti ipertestuali cliccando su una immagine e lo devi mettere dove vuoi mettere il bottone.
quindi per ogni bottono devo inserire il codice?
Sì, devi cambiare naturalmente il nome dell'immagine e del collegamento.
dove c'è scritto pagina.htm devo inserire il nome della pagina?
certo!
va bo per non fare tante difficoltà tolgo i bottoni e faccio le scritte normali in css
precisazione: le scritte le fai in html, il css ne gestisce solamente lo stile di visualizzazione
e va bo.
i bottoni li puo fare anche con il codice css...sembrano delle immagini ma no lo sono
infatti prima li avevo fatti con un amico in css, però non facevano i collegamenti.
ma non è difficile, ti posto un esempio, tu cambia i colori poi però i font eccc...: quest riga stabilisce l'altezza delle righe i valori devono essere sempre a coppia uguali, cmq se cerchi css menu su un motore di ricerca trovi sicuramente qualcosa, o css bottoni
height:2em;line-height:2em;
quindi se metti : height:1em;
devi anche mettere line-: height:1em;
<html>
<head>
<title>Untitled</title>
<style>
#menu a
{
width:120px;
display:block ;
color:white;
font:11px verdana, helvetica, sans-serif;
font-weight:bold;
height:2em;line-height:2em;
padding:0 1em;
background:#2B6387;
text-decoration:none;
border:2px solid #000000;
}
#menu a:hover
{
width:120px;
display:block ;
color:white;
font:11px verdana, helvetica, sans-serif;
font-weight:bold;
height:2em;line-height:2em;
padding:0 1em;
background:#CCCCCC;
text-decoration:none;
border:2px solid #000000;
}
</style>
</head>
<body >
<div id="menu">
<a href="index.html" >indice </a>
<a href="chi_siamo/chisiamo1.html">chi siamo</a>
<a href="progetti/prog.html" >progetti</a>
<a href="articoli/anton.html">articoli</a>
<a href="commenti/form.html">contattaci</a>
</div>
</body>
</html>