High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

[CSS] Place d'un script sur page Web

Dernière réponse le 15 aoû 2007 à 15:12:39 Garrett23, le 15 aoû 2007 à 00:33:51 
 Signaler ce message aux modérateurs

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.

Configuration: Windows XP
Firefox 2.0.0.6

Meilleures réponses pour « [CSS] Place d'un script sur page Web » dans :
Obtenir les codes html/CSS d'une page web Voir
[Web] Eliminer totalement les publicités dans les pages WEB Voir Voici une méthode radicale et simple pour éliminer 99% des publicités dans les pages web, quel que soit le site et quel que soit le type de publicité (popup, incluse, bannière, flash, IFrame, Java, CSS, applet Java...) 1. Installez...
Insérer vidéo en Flash dans page Web (Résolu) Voir
[Webmaster] Publier facilement une vidéo dans une page web VoirPublier une vidéo dans une page web n'est pas toujours évident: Selon le format (AVI, MPG, MOV...) tout le monde ne possède pas forcément le bon plugin et le bon codec. En revanche, la quasi-totalité des navigateurs possèdent le plugin Flash (SWF)....
[Webmaster] Les polices dans les pages web VoirLes limites du web Quand vous utilisez une police dans une page web, elle ne s'affichera que si l'internaute a la même police installée sur son ordinateur. Vous n'avez aucun moyen de forcer l'internaute à télécharger et installer une police,...
[mythes] On peut protéger une page web/une image contre la copie VoirMythe On peut empêcher la copie d'une page web ou d'une image. On peut empêcher de voir le source d'une page HTML. On peut empêcher la copie d'une vidéo, d'une musique. Réalité FAUX Explications Quelle que soit la nature d'un document (page...
Posez votre question Répondre

1

Gihef, le 15 aoû 2007 à 02:53:10

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épondre à Gihef

2

Garrett23, le 15 aoû 2007 à 13:40:54

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épondre à Garrett23

3

Gihef, le 15 aoû 2007 à 14:34:26
  • +1

Ç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épondre à Gihef

4

 Garrett23, le 15 aoû 2007 à 15:12:39

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

   
Répondre à Garrett23
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net