[CSS] Place d'un script sur page Web

Garrett23 Messages postés 9 Statut Membre -  
Garrett23 Messages postés 9 Statut Membre -
Bonjour,

Je commence à approfondir mes connaissances en programmation et je me suis retrouvée a apprendre le CSS
j'aurai donc une question à vous poser:

Je voulais savoir si il existait un moyen d'appliquer les parametres telle que "float" à un script comme on peut le faire sur une image? ( le script en question est la boîte qui sert d'ihm à radioblog, je voudrai par exemple à l'avenir le mettre à côté d'un texte ou d'une image)

J'ai essayer de le mettre en div, avec une classe et d'essayer de placer la classe mais sans succés :/.

Merci à vous.
A voir également:

4 réponses

Gihef Messages postés 5165 Statut Contributeur 2 779
 
Ça va déjà mieux.

Il n'est pas impossible de placer ce code dans un élément HTML qu'on gèrera avec des CSS. On peut “le mettre en div”.
Par exemple, sur 3 colonnes, 2 colonnes, contenant les listes, en float séparées par une colonne aussi en float :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Proposition pour [CSS] Place d'un script sur page Web</title>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <script type="text/javascript" src="http://stat.radioblogclub.com/radio.blog/radio.blog.js"></script> 

    <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #4682b4;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      width: 760px;
      background-color: #b0c4de;
      border : 2px solid #4169e1;
      }
  #pl1, #pl2 {
    width:200px;
    height:200px;
    }
  #pl1 {
    float:left;
    margin:20px;
    }
  #pl2 {
    float:right;
    margin:280px 20px 0 20px;
    }
    </style>
</head>

<body>
  <div id="conteneur">
    <div id="pl1">
      <script type="text/javascript"> 
      RadioBlog.playlist = 'http://URL/playlist.php'; 
      RadioBlog.width = '200px'; 
      RadioBlog.height = '200px'; 
      RadioBlog.color.body = '#ECECEC'; 
      RadioBlog.color.border = '#BBBBBB'; 
      RadioBlog.color.button = '#999999'; 
      RadioBlog.color.player_text = '#666666'; 
      RadioBlog.color.playlist_text = '#666666'; 
      RadioBlog.cover = '0'; 
      RadioBlog.autoplay.tracknum = '1'; 
      RadioBlog.start(); 
      </script> 
    </div>
    <div style="float:left; width:280px; height:500px; background-color:#f5fffa;">
      <p>Et ici, autre chose.</p>
    </div>
    <div id="pl2">
        <script type="text/javascript"> 
        RadioBlog.playlist = 'http://URL/playlist.php'; 
        RadioBlog.width = '200px'; 
        RadioBlog.height = '200px'; 
        RadioBlog.color.body = '#ffd39b'; 
        RadioBlog.color.border = '#8b7355'; 
        RadioBlog.color.button = '#cdba96'; 
        RadioBlog.color.player_text = '#8b7e66'; 
        RadioBlog.color.playlist_text = '#8b7e66'; 
        RadioBlog.cover = '0'; 
        RadioBlog.autoplay.tracknum = '3'; 
        RadioBlog.start(); 
        </script> 
    </div>
    <div style="clear:both;"></div>
  </div>
</body>
</html>
Est-ce que ça marche ?


+ float
2
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

Ton message à plutôt sa place dans le forun webmastering. Je propose qu'il y soit déplacé.

“un script” ?
Quel script ? En quel langage ?
Un script n'est pas un élément HTML. Il fait quelque chose (éventuellement, il génère du HTML) mais reste invisible.

“la boîte qui sert d'ihm à radioblog” ?
Plus précisément, qu'est-ce que c'est ?
0
Garrett23
 
Le script en question est celui ci

<head>
<script type="text/javascript" src="http://stat.radioblogclub.com/radio.blog/radio.blog.js"></script>
</head>

<body>
<script type="text/javascript">
RadioBlog.playlist = 'http://URL/playlist.php';
RadioBlog.width = '200px';
RadioBlog.height = '200px';
RadioBlog.color.body = '#ECECEC';
RadioBlog.color.border = '#BBBBBB';
RadioBlog.color.button = '#999999';
RadioBlog.color.player_text = '#666666';
RadioBlog.color.playlist_text = '#666666';
RadioBlog.cover = '0';
RadioBlog.autoplay.tracknum = '1';
RadioBlog.start();
</script>
</body>


et ce que j'entends par IHM est ceci http://powned.css.free.fr/HTML/RadioBlog/sounds/playlist.php

Si vous avez besoin de plus d'information pour comprendre ce qu j'essaie de dire n'hésitez pas ^^
0
Garrett23 Messages postés 9 Statut Membre
 
Tout d'abord merci pour la documentation que tu fourni à la fin de ton message.
Je verrai plus en détail le code que tu m'as fourni, merci
0