Ciao ragazzi. Sono alle prime armi con HTML e alle primissime con il CSS. Ho creato dei pulsanti in CSS per inserirli appunto in una pagina HTML. Dovrei indirizzare questi pulsanti ad un' altra pagina HTML. Mi potete scrivere le stringhe da inserire? E soprattutto, la modifica va fatta all'HTML o al CSS? Grazie in anticipo
nel foglio di stile formatti un elemento, nell'html inserisci l'elemento che sarà visualizzato nella pagina. Puoi leggere nelle guide del sito le spiegazioni e l'uso dei vari tag
Facci vedere ciò che hai fatto e di conseguenza ti possima indirizzareOriginariamente inviata da FedeValentz
Ciao ragazzi. Sono alle prime armi con HTML e alle primissime con il CSS. Ho creato dei pulsanti in CSS per inserirli appunto in una pagina HTML. Dovrei indirizzare questi pulsanti ad un' altra pagina HTML. Mi potete scrivere le stringhe da inserire? E soprattutto, la modifica va fatta all'HTML o al CSS? Grazie in anticipo
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Scusate ragazzi ma non ho capito... potreste scrivermi direttamente qualche riga di codice per favore?
per poterti aiutare serve vedere il codice di questi "pulsanti", sia l'html che lo stile (il css)
Risolto! Grazie comunque per le risposte
A questo punto vi pongo un altro questito; c'è un modo per non far visualizzare la scritta blu con sottolineatura, come un link, sul pulsante?
applica lo stile al marcatore a
esempio:
dove "black" sta per il colore da te sceltocodice:a {text-decoration:none; color:black;}
questa regola verrà applicata su tutta la pagina, se invece vuoi che questa condizione sia applicata solo ai tuoi pulsanti attribuisci loro una classe. e definiscila nel foglio di stile
Volevo spostare i miei pulsanti su tutte le pagine della mia relazione (perché si tratta di un rapporto di lavoro per scuola). Quando li ho spostati su una delle mie pagine ho il problema che tra il pulsante vero e proprio e il menù a tendina che si apre sotto si crea uno spazio e quindi non posso accedere al sottomenù. Segue codice... come risolvo?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<p><h1><u><FONT SIZE="7"><FONT FACE="Arial Black,Impact">Cenni teorici</A></FONT></u></h1></p>
<title>Cenni teorici</title>
<link rel="stylesheet" type="text/css" href="button.css">
</head>
<body>
<div class="corpo">
<ul class="menu">
<li class="primo"><FONT SIZE="3"><a href="..//RDL n.2/index.html">Home</a></FONT></li>
<li><FONT SIZE="3">Relazione
<ul class="sub-menu">
<li><FONT SIZE="3"><a href="..//RDL n.2/obiettivi.html">Obiettivi</a></FONT></li>
<li><FONT SIZE="3"><a href="..//RDL n.2/cenniteorici.html">Cenni Teorici</a></FONT></li>
<li><FONT SIZE="3"><a href="..//RDL n.2/procedimento.html">Procedimento</a></FONT></li>
<li class="ultimo-sub"><FONT SIZE="3"><a href="..//RDL n.2/disegnieschemi.html">Disegni e schemi</a></FONT></li>
</ul>
</FONT></li>
<li><FONT SIZE="3">Strumenti
<ul class="sub-menu">
<li><FONT SIZE="3"><a href="..//RDL n.2/strumentihw.html">Hardware</a></FONT></li>
<li class="ultimo-sub"><FONT SIZE="3"><a href="..//RDL n.2/strumentisw.html">Software</a></FONT></li>
</FONT></ul>
</li>
<li class="ultimo"><FONT SIZE="3"><a href="..//RDL n.2/divisionelavoro.html">Divisione lavoro</a></FONT></li>
</ul>
</div>
<br> </br>
<br> </br>
<br><u> <FONT SIZE="6"><FONT FACE="Berlin Sans FB,Arial,Helvetica">Linguaggio Assembly</u><br>
<br>
Il programma in questione e' stato scritto utilizzando il linguaggio assembly.
Questo e' un linguaggio di basso livello e,tra i vari linguaggi di programmazione,quello più vicino al linguaggio macchina.
Permette al programmatore di ignorare il formato in cifre binarie,utilizzando istruzioni.
</br>
<br> </br>
<br><u>Sintassi istruzione</u></br>
<br> La corretta sintassi di un istruzione e' la seguente:</br>
<br> *codice operativo* *destinazione* , *sorgente* </br>
<br><center> esempio: <b>MOV AX,BX</b> (muovi in AX il contenuto di BX) </center></br>
<br> </br>
<br><u>Gruppi funzionali</u></br>
<br>Le istruzioni si possono distinguere le istruzioni in diversi gruppi funzionali:<br>
<UL>
<li> Logico(and,or,not)</li>
<li> Aritmetico(add,div,sub,mul,adc,sbb,inc,dec...)</li>
<li> Spostamento /assegnazione(mov,push,pop...)</li>
<li> Rotazione/traslazione(sal,sar,shr,shl,rol,ror...)</li>
<li>Confronto(tst,cmp) </li>
<li>Salto(jmp,call,ret,loop...) </li>
<li> Lettura/scrittura(in,out)</li>
<li>Attesa(nop,wait...) </li>
</UL>
<br> </br>
<br><u>Le direttive</u></br>
<br> Oltre alle istruzioni,nel linguaggio assembly troviamo le direttive.
Queste sono riconoscibili perché sono precedute da un punto.
</br>
<br><center><b>.SMALL</b> (questa direttiva indica il modello di memoria che si utilizzera' nel programma,appunto il modello small) </center></br>
<br> Le direttive consentono di determinare specifici parametri e determinano che tipo di modello di memoria si utilizzera' nel programma. </br>
<br> </br>
<br><u>Sviluppo di un programma in assembly</u></br>
<br>
Per scrivere un programma assembly va seguito questo modello:
</br>
</FONT>
</body>
</head>
</html>
posta anche il css
(c'è anche un po di casino nell'html...)
Ultima modifica di Vincent.Zeno; 07-12-2014 a 17:06
Eccolo!
@import url(http://fonts.googleapis.com/css?family=francois+One);
* {
margin: 0;
padding: 0;
}
body{
font-family: 'francois One', Arial, Helvetica, sans-serif;
background: #ffffff;
color: black;
}
.corpo{
margin-top: 50 px;
margin-left: 250 px;
}
header{
margin: 40px 0;
}
.menu li{
display: block;
float: left;
width: 125px;
height: 50px;
line-height: 50px;
text-align: center;
color: #000000;
border-right: 1px solid #FFFFFF;
background: -webkit-linear-gradient(top, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -moz-linear-gradient(top, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -o-linear-gradient(top, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -ms-linear-gradient(top, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
}
.menu li:hover{
cursor: pointer;
background: -webkit-radial-gradient(center,ellipse cover, #fafafc 0%, #eeeeee 100%);
background: -mox-radial-gradient(center,ellipse cover, #f3f3f3 0%, #e5e5e5 100%);
background: -o-radial-gradient(center,ellipse cover, #f3f3f3 0%, #e5e5e5 100%);
background: -ms-radial-gradient(center,ellipse cover, #f3f3f3 0%, #e5e5e5 100%);
}
.primo{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.ultimo{
border-top-right-radius: 10px;
border-bottom-right-radius: 10px
}
.sub-menu{
visibility: hidden;
}
.menu li:hover .sub-menu{
visibility: visible;
}
.sub-menu li{
border-top: 1px dotted #FFFFFF;
}
.sub-menu li:hover{
width: 145px;
background: -webkit-radial-gradient(center, ellipse cover, #f7fbfc 10%, #add9e4 100%);
background: -moz-radial-gradient(center, ellipse cover, #f7fbfc 10%, #add9e4 100%);
background: -o-radial-gradient(center, ellipse cover, #f7fbfc 10%, #add9e4 100%);
background: -ms-radial-gradient(center, ellipse cover, #f7fbfc 10%, #add9e4 100%);
transition: all 0.1s ease 0s;
-webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s;
-o-transition: all 0.1s ease 0s;
-ms-transition: all 0.1s ease 0s;
}
.ultimo-sub{
border-bottom-left-radius: 10 px;
border-bottom-right-radius: 10 px;
}
Permessi di invio
Rispondi quotando
