prima di ringraziare provalo, raramente faccio un codice ke funziona subito xD
allora un foglio di stile è un file *.css che contiene appunto tutto il codice CSS e che si può integrare così in tutte le pagine senza dover riscrivere per ogni pagina il tag style
se non usi questo sistema però puoi usare appunto il tag style che però ha validità SOLO per la pagina html in cui è scritto.
poi nella pagina metti il tuo div che dovrebbe restare a lato.
dovrebbe essere una cosa simile:
codice:
<html>
<head>
<title>Prova</title>
<style>
#follow{
position: absolute;
width:20px;
height: 50px;
right: -1px;
top: 200px;
background: #333333;
border: #999999 1px solid;
z-index:100;
}
</style>
</head>
<body>
<div id="follow">
[img]./follow.png[/img]
</div>
</body>
</html>
se invece preferisci usare il foglio di stile esterno (il file .css) viene fuori una cosa del genere.
index.html
codice:
<html>
<link rel="stylesheet" type="text/css" href="./sheet.css" />
<head>
<title>Prova</title>
</head>
<body>
<div id="follow">
[img]./follow.png[/img]
</div>
</body>
</html>
sheet.css
codice:
#follow{
position: absolute;
width:20px;
height: 50px;
right: -1px;
top: 200px;
background: #333333;
border: #999999 1px solid;
}
fammi sapere che se non funziona faccio qualche tentativo