Inserire questa immagine link accanto al testo

**D4rkAng3l** · 26-04-2008, 12:12

Ciao,
se andate su questa pagina: http://www.siatec.net/andrea/archivi...scografia.html

Praticamente sotto al primo brano (GRAND BISTROT VALSE) del primo album (Daniel della guerra),
c'è una mini incona che se clickata dovrebbe far scaricare un mp3 (ancora non sul server).

Praticamente vorrei che tale mini icona fosse accanto al nome del brano e non sotto ma non riesco a metterla accanto...ho fatto varie prove ma la visualizza sempre sotto. Perchè? Come posso risolvere?

Questo è il codice HTML:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Andrea Montepaone</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="description goes here" />
<meta name="keywords" content="keywords,goes,here" />
<link rel="stylesheet" href="default.css" type="text/css" />

<script type="text/javascript">
    var GB_ROOT_DIR = "http://www.siatec.net/andrea/archivio/andreamontepaone2/greybox/greybox/";
</script>
<script type="text/javascript" src="greybox/greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/greybox/gb_scripts.js"></script>
<link href="greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    var GB_ROOT_DIR = "http://www.siatec.net/andrea/archivio/andreamontepaone2/greybox/greybox/";
</script>
<script type="text/javascript" src="greybox/greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/greybox/gb_scripts.js"></script>
<link href="greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="sidebar">
<h1>Andrea Montepaone</h1>
<h2>Pianista e Compositore</h2>

<div id="menu">
Biografia
Discografia 
Colonne Sonore 
Musiche di Scena 
Musica Sacra 
Rassegna Stampa
Photogallery
Prossimi Appuntamenti
Contatti
</div>

<h3>Citando Baricco:</h3>


Ora tu pensa: un pianoforte. I tasti iniziano. I tasti finiscono. Tu sai che sono 88, su questo nessuno può fregarti. Non sono infiniti, loro. Tu, sei infinito, e dentro quei tasti, infinita è la musica che puoi fare. Loro sono 88. Tu sei infinito...</p>

</div>

<div id="content">
  <div id="header"></div>

<h3>Discografia</h3>


<div class="album">
   <h4 class="title">2003 DANIEL DELLA GUERRA</h4>
   <div class="copertina">[img]img/Copertina_Daniel_della_guerra.jpg[/img]   </div>

   <div class="descrizione">
          

Catalogo: Montepaone 001 03

          Edizioni Musicali RAI TRADE S.p.A.

          Durata: 47:20

          Data di uscita: 13 aprile 2003

          Supporto: CD</p>
    </div>





    
  
  

Track List:</p>
  
  GRAND BISTROT VALSE (3:47) [img]img/download.gif[/img] 

    <span>Trio in sol maggiore per violino, viola e violoncello “Le tre sorelle”:</span>
  ALLEGRO MA NON TROPPO: ALICE (6:05)
ADAGIO: CLEA (7:21)
ALLEGRETTO: VIOLA (6:09)

SE CI FOSSE LEI (3:55)
AMERICAN MARCH (3:12)
OLTRE LA COLLINA (3:24)
VENTO DI MARE (2:44)
FULGORE! (3:05)
TRAMONTO ROSSO (4:50)
PERDUTI NEL SILENZIO (2:41)
  
  
  
  <ul class="discoinfo">[*]Musiche di Andrea Montepaone[*]Testi di Massimo Simonini[*]Prodotto da Andrea Montepaone &amp; Massimo Simonini[*]Registrato, missato e masterizzato in digitale tra il settembre 2002 e il febbraio 2003
        presso lo studio Synthesia di Roma[*]Tecnico del suono: Giovanni Formosa[/list]

  

Interpreti:</p>

  <ul class="discoinfo">[*]Marco Boido: pianoforte[*]Fabio Acone: violino[*]Luca Ragusa: viola[*]Rossella Zampiron: violoncello[*]Andrea Montepaone: pianoforte[*]Matteo Ceccarelli: violino[*]Lucia Venturini: viola[*]Stefano Sovrani: violoncello[*]Alessandra Finocchioli: flauto[*]Angelo Passeri: tromba[*]Donatella Luttazzi: voce[*]Sonia Cannizzo: voce[/list]
</div>

<div class="album">
   <h4 class="title">2004 NOTE DI CINEMA</h4>

   <div class="copertina">[img]img/Copertina_Note_di_cinema_ico.jpg[/img]</div>
   
   <div class="descrizione">
        

Catalogo: Montepaone 001 04

        Durata: 71:57

        Data di uscita: 16 aprile 2004

        Supporto: CD</p>
   </div>







   
   

Track List:</p>
  
  BEAUTIFUL THAT WAY dal film La vita è bella (Noa - Gil Dor - N. Piovani) (3:42)
RAINDROPS KEEP FALLING ON MY HEAD dal film Butch Cassidy (H. David - B. Bacharach) (3:01)>
CAVATINA dal film Il cacciatore (S. Myers) (3:41)
TARA'S THEME dal film Via col vento (M. Steiner) (3:12)
I JUST CALLED TO SAY I LOVE YOU dal film La signora in rosso (S. Wonder) (3:12)
LIMELIGHT dal film Luci della ribalta (C. Chaplin) (2:16)
NEVER ENDING STORY dal film La storia infinita (K. Forsey - G. Moroder) (3:11)
ANONIMO VENEZIANO dal film omonimo (S. Cipriani) (5:04)
PARLAMI D'AMORE MARIÚ dal film Gli uomini, che mascalzoni! (E. Neri - C. A. Bixio) (3:26)
WESTERN BY SERGIO LEONE (Per un pugno di dollari, Per qualche dollaro in più, Il buono, il brutto, il cattivo, C'era una volta il West) (E. Morricone) (8:58)
PICNIC IN CENTRAL PARK per un film da realizzare (A. Montepaone) (3:12)
METTI UNA SERA A CENA dal film omonimo (G. Patroni Griffi - E. Morricone) (4:13)
MY HEART WILL GO ON dal film Titanic (W. Jennings - J. Horner) (3:47)
THEMES FOR FELLINI (Amarcord, La dolce vita, Otto e mezzo, La voce della luna) (N. Rota - V. Cerami - N. Piovani) (7:56)
NUOVO CINEMA PARADISO dal film omonimo (E. e A. Morricone) (3:55)
TEMA DI LARA dal film Il dottor Zivago (M. Jarre) (3:05)
WHAT A FEELING dal film Flashdance (K. Forsey - I. Cara - G. Moroder) (2:52)
CHARIOTS OF FIRE dal film Momenti di gloria (Vangelis) (3:11)
  
  
  
  <ul class="discoinfo">[*]Arrangiato e prodotto da Andrea Montepaone[*]Registrato in digitale in diretta a Roma il 23 marzo 2004[*]Missato e masterizzato nel marzo 2004[/list]
  
  

Interpreti:</p>

  <ul class="discoinfo">[*]Andrea Montepaone: pianoforte[*]Silvia Barba: voce[*]Renzo Forniti: basso[*]Francesco Sarra: batteria[/list]

</div>

<div class="album">
    <h4 class="title">2008 NATURA (in uscita)</h4>
    
    [img]img/cover_non_disponibile.jpg[/img]

   <div class="descrizione">
       

Catalogo: Montepaone 001 03 

          RAI TRADE S.p.A. Edizioni Musicali

          Durata: ??:?? 

          Data di uscita: ?? aprile 2008 

          Supporto: CD</p>
   </div>





    
   

Track List:</p>

   DE RERUM NATURA (3:58)
OLTRE LA COLLINA (3:24)
L’ALVEARE (3:13)
POLARIS (3:05)
PANORAMI NASCOSTI (2:59)
LANCETTE (3:42)
PETTIROSSI (3:56)
TRAMONTO ROSSO (4:50)
IL CARILLON DELLE FATE (3:40)
FIORI DI LUCE (3:23)
SOGNI AD OCCHI APERTI (3:32)
SENTIERI SEGRETI (3:05)
LA LUCE DEL TEMPO (4:25)
VOLO SUL LAGO (3:27)
  
   
    
   <ul class="discoinfo">[*]Musiche e arrangiamenti di Andrea Montepaone[*]Prodotto da Andrea Montepaone[*]Registrato in digitale nell’ottobre 2007[*]Missato e masterizzato in digitale tra l’ottobre e il dicembre 2007
         presso lo studio JGR di Roma.[*]Tecnico del suono: Jurij G. Ricotti[/list]
   
   

Interpreti:</p>
   
 
   

Quartetto d’archi in “De rerum natura”, “L’alveare” e “Pettirossi”:</p>

  <ul class="discoinfo">[*]Primo violino: Giusi Petti[*]Secondo violino: Robert Andorka[*]Viola: Francesco Ramous[*]Violoncello: Stefano Sovrani[/list]
  
  

  

Quartetto d’archi in “Oltre la collina” e “Tramonto rosso”:</p>
  
  <ul class="discoinfo">[*]Primo violino: Matteo Ceccarelli[*]Secondo violino: Fabio Acone[*]Viola: Lucia Venturini [*]Violoncello: Stefano Sovrani[/list]
  
  

L’album, di uso promozionale non destinato alla vendita, è disponibile a richiesta presso l’editore     ai seguenti recapiti:</p> 
  

 Rai Trade S.p.A. Edizioni Musicali</p> 
  

Via U. Novaro, 18, 00195 Roma</p>
  

Tel.: 0637498443</p>
  
</div>

<div class="album">

    <h4 class="title">2008 A TRIP AROUND THE WORLD (in uscita)</h4>
    
    [img]img/cover_non_disponibile.jpg[/img]
    
   <div class="descrizione">
       

Catalogo: Montepaone 001 03 

          Edizioni Musicali EMERGENCY MUSIC ITALY S.r.l. / Edizioni Musicali GIPSY s.a.s 

          Durata: ??:?? 

          Data di uscita: ?? aprile 2008 

          Supporto: CD</p>
   </div>




   
   

Track List:</p>

   LUNGOTEVERE (3:27)
RIVE GAUCHE (3:50)
KING CROSS (2:16)
CAPETOWN (2:56)
DUBAI CITY (2:48)
ALBA INDIANA (3:54)
GRATTACIELI A SINGAPORE (3:20)
TOKYO BUSINESS (2:44)
L’ISOLA DEI CANGURI (4:40)
CHICAGO BLUES (3:09)
REGGAE PARTY (2:28)
COPACABANA (2:29)
  
  
    
   <ul class="discoinfo">[*]Musiche e arrangiamenti di Andrea Montepaone[*]Prodotto da Piero Colasanti[*]Registrato in digitale tra il dicembre 2007 e il gennaio 2008
         presso lo studio JGR di Roma[*]Tecnico del suono: Jurij G. Ricotti[*]6 registrato in digitale nel gennaio 2006.         [*]Tecnico del suono: Alexandre Smirnov[*]10 pre-registrato in digitale nel gennaio 2006. [*]Tecnico del suono: Alexandre Smirnov[*]Missato e masterizzato in digitale nel gennaio 2008 presso lo studio JGR di Roma da Jurij G.         Ricotti[/list]
  
  

Interpreti:</p>
  
  <ul class="discoinfo">[*]Gianfranco Di Lelio, armonica a bocca in “Rive gauche”, “King Cross ” e “Chicago Blues”[*]Jurij G. Ricotti, chitarre elettriche in “L’isola dei canguri” e “Reggae Party”[/list]
  
  

L’album, di uso promozionale non destinato alla vendita, è disponibile a richiesta presso l’editore     ai seguenti recapiti: </p>
  

Edizioni Musicali Emergency Music Italy S.r.l. / Edizioni Musicali Gipsy     s.a.s. </p>
  

Viale G. Mazzini, 41 00195 Roma </p>
  

Tel.: 063218308 - 063219570</p>
</div>
 
</div>
</body>
</html>

**D4rkAng3l** · 26-04-2008, 12:12

ops dimenticavo e questo è il codice CSS:

e questo è il codice CSS:

codice:

/**************** Page and tag styles ****************/

body
{margin:0; padding:0; color:#303030; background:#fafafa url(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}

ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}


li
{margin:0 0 8px 25px;}

a
{color:#d85d5d; font-weight:bold; text-decoration:none;}

a:hover
{color:#505050; text-decoration:underline;}

img
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}

a img
{border-color:#d0d0d0;}

a img:hover
{background:#d85d5d; border-color:#d85d5d;}

/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:220px;  overflow:auto; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; text-align:right;}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

/**************** Navigation menu styles ****************/

#menu a
{display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}

#menu a:hover 
{color:#303030; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;}

#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:hover
{color:#505050; background:#fafafa;}

/**************** Content area styles ****************/

#content{
    width: 520px; 
	margin: 0 0 0 240px; 
	padding: 20px 0; 
	background:#fafafa;
	text-align: center;
}



#header{
   margin: 0 auto;
   width: 512px;
   height: 200px;
   background-image:url(img/piano.jpg);
   border:3px solid #d0d0d0;
  
}

#content p{
    margin: 0 0 20px 0; 
	line-height: 1.6em;
	text-align: justify;
}

#content h1
{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#content h3
{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 2.1em; letter-spacing:-2px;}

#content h4{
color:#d85d5d;
text-align: left;
font-weight:600; 
font-size: 1.3em;
}

#content ol{
text-align: left;
margin-bottom: 30px;
}

ul.discoinfo{
   list-style:circle;
   text-align: left;
   font-size: 1.1em
}


.album{
   padding-top: 30px;
}

.descrizione{
padding-top: 5px;
}


.left {
margin: 10px 30px 5px 0;
float: left;

}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.bold{
   font-weight: 700;
}

.title{
    text-decoration: underline;
}

/************************ Stile della galleria delle immagini ************************/
p.galleria_light{
    line-height: 0px;
}

div#gal{
width: 450px;
margin: 0 auto;
padding: 0;

}
    

img.orizzontali{
     width: 200px;
	 height: 150px;
}

img.verticali{
     width: 129px;
	 height: 177px;
}

/* Stile del form dei contatti */

.insert{
    font: bold 12px;
    color: #000000;
	background: #CCCCCC;
	border: 1px solid #000000;
	float: left;
	
}

.testo{
    font: bold 12px;
    color: #000000;
	background: #CCCCCC;
	border: 1px solid #000000;
	float: left;
	
}

.pulsante{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background: #CCCCCC;
    text-align: center;
	border: 1px solid #000000;
}

.etichetta{
float:left;
}

Vi prego di aiutarmi

Grazie
Andrea

**D4rkAng3l** · 26-04-2008, 15:32

Risolto da me alla fine...potete anche chiudere :-)

Discussione: Inserire questa immagine link accanto al testo

Strumenti discussione

Ricerca discussione

Visualizza

Inserire questa immagine link accanto al testo

Permessi di invio