Problème de code css

Marsh Posté le 19-01-2010 à 12:24:22

Bonjour, je me casse la tete sur le codage d'une simple page :

http://skyzotronic.free.fr/

comme vous pouvez le voir, le paragraphe et plus bas que ma playlist, alors que le but est que les deux div soient cote à cote. Je pense qu'il me manque une règle fondamentale en css, mais evidemment je ne vois pas laquelle ! En fait je ne comprends pas trop comment mettre deux div l'une a coté de l'autre. Voici le code complet de la page :

<html>

<style>

.topbanner { position: absolute; top: 0;
margin-top : 0px ;
margin-left: auto;
margin-right : auto;
margin-bottom : auto ;
width: 1024px;
height: 200px;

}

body

{ margin-top: 200px;
width : 1024px;

margin-left: auto;
margin-right : auto;
/* background-image : url(img/bg1.jpg) ;
repeat : no-repeat ; */
background-color : black ;

}

.pl1
{ margin-top : 100px;
width : 220 ;
height : 50 :
background-color : black ;

}

.t1
{
color : white ;
font-weight : bold ;
width : 200px ;

}

.menu1
{ width : 600px ;
height : 35px ;
margin-top : 0px ;
background-image : url(img/bg2.png) ;
margin-left : auto ;
margin-right : auto ;
repeat : no-repeat ;

}

.p1

{ width : 800px ;
color : white ;
font-weight : bold ;
margin-top : 70px ;
margin-left : auto ;
margin-right : auto ;

}

.para1

{ width : 800px ;
margin-left : 221px ;
margin-top : 100px ;

}

</style>

<body>

<center>

<div class="topbanner">

<img border="0" align="center" src="img/ban.jpg" />
</div>

</center>

<br />

<div class="menu1">

</div>

<div class="pl1" >

<table class="t1" border="1" background="img/bgt.jpg" >

<CAPTION > Dernières oeuvres : </CAPTION>

<tr>
<TD >

Titre : Say YES ! <br />
Album : Fruit de la patience

</TD>
</TR>

<tr>

<td>

<object type="application/x-shockwave-flash" data="players/player_mp3.swf?mp3=mp3/say_yes.mp3" width="200"height="20">

<param name="movie" value="players/player_mp3.swf?mp3=mp3/say_yes.mp3" />
<param name="wmode" value="transparent" />

</object>
</td>

</tr>

<br/>

<tr>
<TD>

Titre : Water Flower <br />
Album : Fruit de la patience
</TD>
</TR>

<tr>

<td>

<object type="application/x-shockwave-flash" data="players/player_mp3.swf?mp3=mp3/water_flower.mp3" width="200"height="20">

<param name="movie" value="players/player_mp3.swf?mp3=mp3/water_flower.mp3" />
<param name="wmode" value="transparent" />

</object>
</td>

</tr>

</table>

</div>

<div class="para1">

<p class="p1>Bienvenue sur le site perso de SkyzoTronic ! Sur ces humbles pages, vous

pourrez écouter gratuitement mes dernières créations musicales (protégées s'il vous plaits

!), composées entièrement par ordinateur, à mes heures perdues (et Dieu sait qu'il y en a

!). <br/>
N'hésitez pas aussi à visiter la galerie d'art, euh...de photos quoi...<br/>
Je consacre également une page à la description du matériel et des logiciels que j'utilise

ou que j'aimerais utiliser pour faire du son, ça peut aiguiller quelqu'un on ne sait jamais

!<br/>
Et enfin une pages sera un peu le garde-manger des logiciels puisque j'y référencerais les

logiciels libres qui me servent souvent, et qui méritent d'être partagées...<br/>

Et en plus de tout ça, créer ce site est un peu un entraînement pour moi donc c'est cool

!!!</p>

</ div>

</body>

</html>

Les deux balises en question sont "pl1" : la playlist qui est a gauche, et "para1" : le paragraphe qui est a droite mais qui descend trop

Merci de votre aide, je pense que j'ai oublié quelque chose d'important et j'ai bien besoin qu'on m'explique !!!

Reply

Marsh Posté le 19-01-2010 à 12:24:22

Reply

Marsh Posté le 19-01-2010 à 12:26:50

Bon je viens de rajouter un float:left; sur ma div de gauche et ça suffit apparemment lol! !!

Reply

Problème de code css

Sujets relatifs:

Leave a Replay