[CSS] Place d'un script sur page Web

Fermé

Garrett23 Messages postés 9 Date d'inscription dimanche 15 juillet 2007 Statut Membre Dernière intervention 15 août 2007 - 15 août 2007 à 00:33
Garrett23 Messages postés 9 Date d'inscription dimanche 15 juillet 2007 Statut Membre Dernière intervention 15 août 2007 - 15 août 2007 à 15:12

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:

[CSS] Place d'un script sur page Web
Supprimer une page word - Guide
Traduire une page web - Guide
Script vidéo youtube - Guide
Instagram web - Guide
Page d'accueil iphone - Guide

4 réponses

Réponse 1 / 4

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
15 août 2007 à 14:34

Ç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

Réponse 2 / 4

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
15 août 2007 à 02:53

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 ?

Réponse 3 / 4

Garrett23
15 août 2007 à 13:40

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 ^^

Réponse 4 / 4

Garrett23 Messages postés 9 Date d'inscription dimanche 15 juillet 2007 Statut Membre Dernière intervention 15 août 2007
15 août 2007 à 15:12

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

Discussions similaires

Chemin Logo du site de la Cité de l'espace

[PIX] Commencer chaque poème sur une nouvelle page

Placement PARIS BERCY

connection ok mais aucune page ne s'affiche

Discussions similaires

Newsletters